big restructure

web/css/components/app-tabs.css

@@ -1,9 +1,3 @@
-:root {
-  --tabs-border: var(--app-border);
-  --tabs-active: var(--app-primary);
-  --tabs-muted: var(--app-muted-color);
-}
-
 .app-tabs {
   display: flex;
   flex-direction: column;
@@ -17,6 +11,7 @@
     -webkit-overflow-scrolling: touch;
     padding-block-start: 2px;
     padding-left: 2px;
+    white-space: nowrap;
 }
 
 .app-tabs-nav button,
@@ -26,7 +21,6 @@
   padding: 5px 10px 5px 10px;
   color: var(--tabs-muted) !important;
   cursor: pointer;
-  font-weight: 500;
   border-bottom: 2px solid transparent;
   text-decoration: none;
   border-radius: 0;