Update index.html

index.html

@@ -66,16 +66,30 @@
       max-width: 415px;
       margin: 0 auto;
     }
-    .tabs {
-      position: fixed;
-      bottom: 0;
-      width: 100%;
-      background-color: #1a1a1a;
-      display: flex;
-      justify-content: space-around;
-      padding: 10px 0;
-      border-top: 1px solid #333;
-    }
+  .tabs {
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  background-color: #1a1a1a;
+  display: flex;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  overflow-y: hidden;
+  white-space: nowrap;
+  padding: 10px 0;
+  border-top: 1px solid #333;
+  scrollbar-width: thin; /* Firefox */
+  scrollbar-color: #555 #1a1a1a; /* Firefox */
+}
+
+.tabs::-webkit-scrollbar {
+  height: 6px;
+}
+
+.tabs::-webkit-scrollbar-thumb {
+  background: #555; 
+  border-radius: 3px;
+}
     .tabs button {
       background-color: transparent;
       color: #888;
@@ -83,7 +97,7 @@
       padding: 4px 2px;
       cursor: pointer;
       font-size: 0.40rem;
-      flex: 1;
+      flex: 0 0 auto;
       margin: 0 5px;
       white-space: nowrap;
     }