From 94da0c652ff5ba540e28999dd078e7484c11cca4 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 10 Oct 2025 09:18:56 -0400
Subject: [PATCH] Document modal icon sizing reset

---
 css/style.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index ef32a634..5f87b986 100644
--- a/css/style.css
+++ b/css/style.css
@@ -331,9 +331,13 @@ header img {
 }
 
 /*
-  The modal action buttons inherit tailwind's `.btn-ghost` padding via
-  `@apply` in tailwind.source.css. Reset the sizing so these icons stay
-  aligned with the fixed-size back button.
+  The modal action buttons reuse the shared `.icon-button` primitive which
+  previously layered Tailwind's `.btn-ghost` helper on top. The helper adds
+  responsive padding/height rules that collapse when the flex container
+  tightens, so the glyphs shrank while the back button (a fixed-size button)
+  stayed stable. Reset every dimension here so the icons always render with
+  the same 40px square footprint as the back control, regardless of flex
+  squeezing or inherited ghost styles.
 */
 .modal-nav .icon-button {
   box-shadow: none;