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;