From c9f604863af93317a9399ba7632c3146d8e925cc Mon Sep 17 00:00:00 2001
From: olcxja <olcxja@olcxja.ovh>
Date: Thu, 1 Oct 2026 17:42:03 +0200
Subject: [PATCH] make small buttons look sharper

---
 renderer/style.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/renderer/style.css b/renderer/style.css
index 26a10d3..54f3d52 100644
--- a/renderer/style.css
+++ b/renderer/style.css
@@ -208,6 +208,9 @@ content {
   gap: 0.4rem;
   cursor: pointer;
   white-space: nowrap;
+  /* only Regular and Black faces are bundled, so >=600 resolves to the same
+     bold rendering on every button; primary just adds the filled style */
+  font-weight: 700;
   backface-visibility: hidden;
   transform: translateZ(0);
   will-change: transform;
@@ -469,8 +472,9 @@ select {
   user-select: text;
 }
 /* the reroll button shares the row with the code boxes, so it has to be just
-   as tall as them (the shared .small button is shorter) */
-.code-row .button { height: var(--button-height); }
+   as tall as them and carry the same font size (the shared .small button is
+   shorter and its 0.85rem text looks lost next to the code value) */
+.code-row .button { height: var(--button-height); font-size: 1rem; }
 .code-row #ls-sync-code { font-size: 1.25rem; font-weight: 700; letter-spacing: 0.3em; }
 .check-group { display: flex; flex-direction: column; }
 .check-group .check-label { margin-top: 0.2rem; margin-bottom: 0.2rem; }