From 2c70f347deb870597b0d4f7619d28baaa0a632ba Mon Sep 17 00:00:00 2001
From: Meysam Parvizi <meysam.parvizi.ir@gmail.com>
Date: Sat, 10 Oct 2026 01:52:43 +0200
Subject: [PATCH] fix(site): no scrollbar over the chip rows in Firefox

Chip rows wrap on desktop; on phones they swipe with a hidden scrollbar and an edge fade.
---
 site/map.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/site/map.css b/site/map.css
index 22f668d..b4c3901 100644
--- a/site/map.css
+++ b/site/map.css
@@ -21,12 +21,9 @@
 .start-strip,
 .map-toolbar {
   display: flex;
-  flex-wrap: nowrap;
+  flex-wrap: wrap;
   align-items: center;
   gap: 6px;
-  overflow-x: auto;
-  scrollbar-width: thin;
-  padding-bottom: 2px;
 }
 
 .start-strip > *,
@@ -411,11 +408,19 @@
     padding: 8px 10px;
   }
 
+  /* One swipeable row per strip; the fade at the right edge shows there is more. */
   .start-strip,
   .map-toolbar {
     flex-wrap: nowrap;
     overflow-x: auto;
     scrollbar-width: none;
+    padding-right: 28px;
+    mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent);
+  }
+
+  .start-strip::-webkit-scrollbar,
+  .map-toolbar::-webkit-scrollbar {
+    display: none;
   }
 
   .start-chip,