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;