Tile head at the radius centre, and touch tightens text not the frame

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) <noreply@anthropic.com>

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;