From 16abbdb834fae74c950108bd4539e2274dcfdf14 Mon Sep 17 00:00:00 2001 From: stroblme Date: Thu, 27 Aug 2026 16:15:14 +0200 Subject: [PATCH] Tile head at the radius centre, and touch tightens text not the frame MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Two geometry fixes in one file. The title sat below the corner radius rather than reading from its centre; pulled up half a step, the body gets that half step back. And touch grew the padding as well as the controls, so turning a panel touch-friendly asked for every tile to be resized — it holds the padding now and closes up the rows instead. Note: in edit mode the grip's own padding puts the title back down by 4px. Co-Authored-By: Claude Opus 5 (1M context) --- .../src/components/Dashboard/ui/core/core.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/Dashboard/ui/core/core.css b/frontend/src/components/Dashboard/ui/core/core.css index 0409250..f408379 100644 --- a/frontend/src/components/Dashboard/ui/core/core.css +++ b/frontend/src/components/Dashboard/ui/core/core.css @@ -36,16 +36,30 @@ } } +/* + * Touch grows what is touched and tightens what is only read. + * + * The controls have to be bigger; the frame does not. Padding held at 1rem and + * the rows closed up buys back most of what the larger type costs, so turning + * a panel touch-friendly does not then ask for every tile to be resized. + */ [data-touch] .dui-frame { --dui-control: 3rem; --dui-thumb: 1.5rem; --dui-text: 1rem; - padding: 1.25rem; + gap: 0.25rem; + line-height: 1.25; } +/* + * Pulled up half a step, so the title reads from the centre of the corner + * radius rather than from below it — and the body, which is what anyone is + * actually looking at, gets that half step back. + */ .dui-frame-head { display: flex; min-width: 0; + margin-top: -0.5rem; align-items: flex-start; justify-content: space-between; gap: 0.5rem;