From 96b343effcbde69136599a014e6434d004f9f2c8 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Fri, 17 Apr 2026 12:20:07 +0200
Subject: [PATCH 1/2] Fix forward/back buttons not showing up on desktop for
 multiple screen shares

6667fc54c0a758531476f697022a0001654e1f17 changed this CSS selector that shows buttons on hover to only target the buttons in the bottom right corner of the spotlight tile, causing the forward/back buttons to stay invisible.
---
 src/tile/SpotlightTile.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/tile/SpotlightTile.module.css b/src/tile/SpotlightTile.module.css
index af0e0add..5448a155 100644
--- a/src/tile/SpotlightTile.module.css
+++ b/src/tile/SpotlightTile.module.css
@@ -153,10 +153,10 @@ Please see LICENSE in the repository root for full details.
 }
 
 @media (hover) {
-  .tile > div > button {
+  .tile button {
     opacity: 0;
   }
-  .tile:hover > div > button {
+  .tile:hover button {
     opacity: 1;
   }
 }

From 7e39889f788d094068676f8f2a5819c6b6b5f8ec Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Fri, 17 Apr 2026 12:21:39 +0200
Subject: [PATCH 2/2] Fix name tags appearing in the wrong place with multiple
 screen shares

They were not properly being contained to where the MediaView is supposed to appear, causing them to all stack up on the first screen share in the spotlight tile.
---
 src/tile/MediaView.module.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/tile/MediaView.module.css b/src/tile/MediaView.module.css
index e972443f..49199253 100644
--- a/src/tile/MediaView.module.css
+++ b/src/tile/MediaView.module.css
@@ -11,6 +11,9 @@ Please see LICENSE in the repository root for full details.
   border-radius: var(--media-view-border-radius);
   /*Add spacing for the hover boarder. Otherwise it might get clipped.*/
   margin: var(--hover-space-margin);
+  display: grid;
+  grid-template-areas: "content";
+  place-items: stretch;
 }
 
 .media video {
@@ -37,6 +40,7 @@ Please see LICENSE in the repository root for full details.
 }
 
 .bg {
+  grid-area: content;
   background-color: var(--video-tile-background);
   inline-size: 100%;
   block-size: 100%;
@@ -75,18 +79,19 @@ unconditionally select the container so we can use cqmin units */
 }
 
 .fg {
-  position: absolute;
+  grid-area: content;
   --fg-inset: var(
     --media-view-fg-inset,
     calc(var(--media-view-border-radius) - var(--cpd-space-3x))
   );
-  inset: var(--fg-inset);
+  padding: var(--fg-inset);
   display: grid;
   grid-template-columns: 1fr auto;
   grid-template-rows: 1fr auto;
   grid-template-areas: "status reactions" "nameTag button";
   gap: var(--cpd-space-1x);
   place-items: start;
+  contain: strict;
 }
 
 .nameTag {