Remove font-family and rename detail tab to 'selected'

Author: hyp3rflow

src/pages/index.page.tsx

@@ -56,7 +56,7 @@ const json: FlexLayout.IJsonModel = {
           {
             type: "tab",
             enableClose: false,
-            name: "Detail",
+            name: "Selected",
             component: "RequestDetail",
           },
         ],

src/styles/flexlayout-dark.scss

@@ -14,7 +14,6 @@
   $color_drag2_background: rgba(128, 128, 128, 0.15) !default;
 
   $font-size: medium !default;
-  $font-family: Roboto, Arial, sans-serif !default;
 
   .flexlayout {
     &__layout {
@@ -33,7 +32,6 @@
       --color-drag2-background: #{$color_drag2_background};
 
       --font-size: #{$font_size};
-      --font-family: #{$font_family};
 
       --color-overflow: gray;
       --color-icon: gray;

src/styles/flexlayout-light.scss

@@ -13,7 +13,6 @@ $color_drag1_background: rgba(95, 134, 196, 0.1) !default;
 $color_drag2_background: rgba(119, 166, 119, 0.075) !default;
 
 $font-size: medium !default;
-$font-family: Roboto, Arial, sans-serif !default;
 
 .flexlayout {
   &__layout {
@@ -32,7 +31,6 @@ $font-family: Roboto, Arial, sans-serif !default;
     --color-drag2-background: #{$color_drag2_background};
 
     --font-size: #{$font_size};
-    --font-family: #{$font_family};
 
     --color-overflow: gray;
     --color-icon: gray;