From 71c3712cbfdb7d227d64a0c2690b3ed7da5c5bff Mon Sep 17 00:00:00 2001 From: iris Date: Wed, 29 Jul 2026 21:32:34 +0200 Subject: [PATCH] tablet: a bit more breathing room in drink tiles MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Name/price/Pfand were packed tight (2px gap before Pfand, 1.15 line-height on the name) — small bump to margins + line-height so tiles read less cramped regardless of how many rows are on screen. Independent of the row-count question raised on the issue (grid-auto-rows sizing for 5 rows vs however many drinks are actually configured) — that's a separate, bigger call pending confirmation of what device the screenshot was taken on. --- client/src/styles.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/client/src/styles.css b/client/src/styles.css index ddf5932..eb79498 100644 --- a/client/src/styles.css +++ b/client/src/styles.css @@ -145,9 +145,9 @@ button.danger { background: #5a2a2a; border-color: #7a3a3a; color: #fff; } font-size: 22px; overflow: hidden; } -.drink .name { font-weight: 800; line-height: 1.15; max-width: 100%; word-break: break-word; overflow-wrap: break-word; } -.drink .price { font-size: 22px; font-weight: 700; margin-top: 6px; } -.drink .pfand { font-size: 15px; font-weight: 600; color: var(--pfand); margin-top: 2px; } +.drink .name { font-weight: 800; line-height: 1.25; max-width: 100%; word-break: break-word; overflow-wrap: break-word; } +.drink .price { font-size: 22px; font-weight: 700; margin-top: 8px; } +.drink .pfand { font-size: 15px; font-weight: 600; color: var(--pfand); margin-top: 4px; } .drink.pfand-return { background: #5a2a2a;