From c793cd5fc1c235c7297b32bc6a05e8adde9d1356 Mon Sep 17 00:00:00 2001 From: fkwp Date: Thu, 17 Sep 2026 20:14:17 +0200 Subject: [PATCH] Open up the space between the effect tiles - Measured off the design file: its gap is about a sixth of a tile's width, ours was under a tenth - A step wider brings it to 14.3% against the design's 15.6%, the closest a spacing token reaches - The tiles keep their width and the menu grows instead, which is the column floor doing its job; the grid still sits 16px from the frame - Gives the remove cross on the corner room of its own, which is what prompted it Co-Authored-By: Claude Opus 5 (1M context) --- src/components/MediaMuteAndSwitchButton.module.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/components/MediaMuteAndSwitchButton.module.css b/src/components/MediaMuteAndSwitchButton.module.css index 8a11a341c..de686d027 100644 --- a/src/components/MediaMuteAndSwitchButton.module.css +++ b/src/components/MediaMuteAndSwitchButton.module.css @@ -175,7 +175,10 @@ Please see LICENSE in the repository root for full details. label. Forcing a ratio instead clips the label as soon as the menu is narrow enough that the ratio cannot hold it. */ grid-auto-rows: 1fr; - gap: var(--cpd-space-2x); + /* Measured against the design, where the gap is about a sixth of a tile's + width. A step less than this read as tight, and left the remove cross on + the corner with little room of its own. */ + gap: var(--cpd-space-3x); /* The same inset a menu heading and a device row carry, so the tiles line their left edge up with the "B" of the heading above them and with the radio buttons above that. Matching the surrounding boxes instead puts the