redesign search tab switcher buttons

~ imitate ubuntu-style tabbed buttons

src/assets/scss/Global/app-grid.scss

@@ -18,7 +18,7 @@
 #acontent {
   grid-area: content;
   max-width: 1955px;
-  overflow: hidden auto;
+  overflow: hidden scroll;
   margin-top: -$small;
 
   .nav {

src/assets/scss/Global/index.scss

@@ -1,11 +1,5 @@
-@import
-"./app-grid.scss",
-"./controls.scss",
-"./inputs.scss",
-"./scrollbars.scss",
-"./state.scss",
-"./variants.scss",
-"./basic.scss";
+@import "./app-grid.scss", "./controls.scss", "./inputs.scss",
+  "./scrollbars.scss", "./state.scss", "./variants.scss", "./basic.scss";
 
 :root {
   --separator: #ffffff46;
@@ -22,6 +16,7 @@ body {
   color: #fff;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
     Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: "SF Compact Display" !important;
   font-size: 1rem;
   overflow: hidden;
   image-rendering: -webkit-optimize-contrast;

src/assets/scss/index.scss

@@ -1,4 +1,4 @@
-@import
+@import 
 "./mixins.scss",
 "./variables",
 "./moz.scss",
@@ -6,3 +6,9 @@
 "./BottomBar/BottomBar.scss",
 "./Global"
 ;
+
+
+@font-face {
+    font-family: "SF Compact Display";
+    src: url("../sf-compact.woff") format("woff");
+}