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

fix(mobile): address iPhone layout issues across rankings, detail, compare
Build and Push Docker Images / Build Backend (FastAPI) (push) Successful in 14s
Details
Build and Push Docker Images / Build Frontend (Next.js) (push) Successful in 45s
Details
Build and Push Docker Images / Build Pipeline (Meltano + dbt + Airflow) (push) Successful in 11s
Details
Build and Push Docker Images / Trigger Portainer Update (push) Successful in 1s
Details

Browse Source 
- rankings: hide Type/Action columns on mobile so metric value stays visible;
  ensure filter selects and table wrapper stay within viewport
- school detail: add min-width:0 / max-width:100% containment so internal
  overflow-x wrappers actually clip rather than pushing the page wider;
  explicit line-height on Ofsted grade badges to fix glyph clipping
- compare: sticky first column on the Detailed Comparison table so the Year
  labels remain visible while horizontally scrolling school columns
- search: shorten placeholder to "School name or postcode" so it fits mobile
  input width
- globals: overflow-x:clip safety net on .main wrapper

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Tudor Sitaru
2026-04-07 20:29:15 +01:00
parent ce46db7dbe
commit ed244ef743
7 changed files with 66 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
nextjs-app/components/SecondarySchoolDetailView.module.css
+2 -1
View File
@@ -450,8 +450,9 @@
.ofstedGrade {
display: inline-block;
padding: 0.3rem 0.75rem;
padding: 0.35rem 0.75rem;
font-size: 1rem;
line-height: 1.4;
font-weight: 700;
border-radius: 6px;
white-space: nowrap;