From 0842b2b472c0d4885ea71359777454d7fa65a71b Mon Sep 17 00:00:00 2001 From: Robin Date: Mon, 13 Apr 2026 13:02:15 +0200 Subject: [PATCH] Fix placement of reaction and raised hand indicators --- src/tile/MediaView.module.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/tile/MediaView.module.css b/src/tile/MediaView.module.css index 1183f7c5..e972443f 100644 --- a/src/tile/MediaView.module.css +++ b/src/tile/MediaView.module.css @@ -82,9 +82,9 @@ unconditionally select the container so we can use cqmin units */ ); inset: var(--fg-inset); display: grid; - grid-template-columns: 30px 1fr 30px; + grid-template-columns: 1fr auto; grid-template-rows: 1fr auto; - grid-template-areas: "status status reactions" "nameTag nameTag button"; + grid-template-areas: "status reactions" "nameTag button"; gap: var(--cpd-space-1x); place-items: start; } @@ -125,6 +125,7 @@ unconditionally select the container so we can use cqmin units */ .reactions { grid-area: reactions; + place-self: start end; display: flex; gap: var(--cpd-space-1x); } @@ -192,4 +193,5 @@ unconditionally select the container so we can use cqmin units */ .fg > button:first-of-type { grid-area: button; + place-self: end; }