diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css index 7f94a88..cda0057 100644 --- a/src/video-grid/VideoTile.module.css +++ b/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); } diff --git a/src/video-grid/VideoTile.tsx b/src/video-grid/VideoTile.tsx index df868b0..c15dd82 100644 --- a/src/video-grid/VideoTile.tsx +++ b/src/video-grid/VideoTile.tsx @@ -130,11 +130,13 @@ export const VideoTile = forwardRef( ref={ref} {...rest} > + {showCallFeedDebugInfo && ( +
+ {JSON.stringify(debugInfo)} +
+ )} {toolbarButtons.length > 0 && !maximised && (
-
- {showCallFeedDebugInfo && JSON.stringify(debugInfo)} -
{toolbarButtons}
)}