Merge pull request 'fix(search): stop the mobile sort dropdown overflowing the viewport' (#17) from fix/mobile-sort-select-overflow into main

Reviewed-on: #17
2026-07-06 12:46:48 +00:00
parent 64121592fd a00cbe9161
commit 1cdcd85e41
1 changed files with 10 additions and 0 deletions
@@ -369,6 +369,16 @@

  .viewToggle {
    justify-content: center;
+    flex-shrink: 0;
+  }
+
+  /* The sort <select> sizes to its widest option ("Highest Reading, Writing
+     & Maths %"), which overflows a phone viewport — beside the view toggle it
+     ran off the right edge. Let it flex into the remaining space and shrink;
+     the selected label truncates instead of pushing past the screen. */
+  .sortSelect {
+    flex: 1;
+    min-width: 0;
  }

  .mapViewContainer {