Always show debug info

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

src/video-grid/VideoTile.module.css

@@ -96,7 +96,7 @@ limitations under the License.
 
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  justify-content: flex-end;
 
   overflow: hidden;
   z-index: 1;
@@ -181,5 +181,8 @@ limitations under the License.
 }
 
 .debugInfo {
-  margin-left: 16px;
+  position: absolute;
+  top: 16px;
+  left: 16px;
+  background-color: rgba(0, 0, 0, 0.5);
 }

src/video-grid/VideoTile.tsx

@@ -130,11 +130,13 @@ export const VideoTile = forwardRef<HTMLDivElement, Props>(
         ref={ref}
         {...rest}
       >
+        {showCallFeedDebugInfo && (
+          <div className={classNames(styles.debugInfo)}>
+            {JSON.stringify(debugInfo)}
+          </div>
+        )}
         {toolbarButtons.length > 0 && !maximised && (
           <div className={classNames(styles.toolbar)}>
-            <div className={classNames(styles.debugInfo)}>
-              {showCallFeedDebugInfo && JSON.stringify(debugInfo)}
-            </div>
             <div>{toolbarButtons}</div>
           </div>
         )}