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

style(compare): enlarge per-school name label in mobile section cards #59

Merged
tudor merged 1 commits from fix/mobile-cell-name-size into main 2026-07-18 14:09:03 +00:00
Conversation 1 Commits 1 Files Changed 1
+7 -4
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nextjs-app/components/compare/compareSections.module.css
+7 -4
View File
@@ -72,15 +72,18 @@
align-items: center; align-items: center;
gap: 0.4rem; gap: 0.4rem;
flex-basis: 100%; flex-basis: 100%;
font-size: 0.8rem; /* Slightly larger than the values below it so the school each row belongs
to is easy to read on mobile (hidden on desktop, where the column header
names the school). */
font-size: 0.9rem;
font-weight: 600; font-weight: 600;
color: var(--sc, var(--text-secondary)); color: var(--sc, var(--text-secondary));
margin-bottom: 0.15rem; margin-bottom: 0.2rem;
} }
.cellDot { .cellDot {
width: 9px; width: 10px;
height: 9px; height: 10px;
border-radius: 50%; border-radius: 50%;
background: var(--dot, var(--text-muted)); background: var(--dot, var(--text-muted));
flex: none; flex: none;