tudor/school_compare
1
0 Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix(modal): give the close button a 44px touch target #172

Merged
tudor merged 1 commits from fix/modal-close-tap-target into main 2026-10-02 15:50:15 +00:00
Conversation 1 Commits 1 Files Changed 1
+4
1 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nextjs-app/components/Modal.module.css
+4
View File
@@ -79,7 +79,11 @@
font-family: var(--font-display); font-family: var(--font-display);
} }
/* 44px, the MOBILE.md touch-target minimum: the 24px icon and its padding
came to 40, and the phone filter sheet journey caught it. */
.closeButton { .closeButton {
min-width: 2.75rem;
min-height: 2.75rem;
padding: 0.5rem; padding: 0.5rem;
background: transparent; background: transparent;
border: none; border: none;