tewak tab styles

Author: trentfridey

src/Tabs.css

@@ -1,3 +1,10 @@
+.tab-body {
+  flex: none;
+  height: calc(100% - 40px);
+  width: 100%;
+  background-color: #1d1d1d;
+}
+
 .tab-header-container {
     display: flex;
     flex-direction: row;
@@ -8,6 +15,8 @@
     height: 40px;
     width: 100%;
     background-color: #000;
+    flex-shrink: 0;
+    margin-top: auto;
   }
 
   .tab-control {
@@ -32,17 +41,12 @@
     background-color: #000;
     cursor: pointer;
     transition: 0.1s background linear;
-    flex: none;
   }
 
   .tab-header.active {
     background-color: var(--darkgrey);
   }
-  
-  .tab-body {
-    height: calc(100% - 40px);
-    background-color: #1d1d1d;
-  }
+
 
   .tab-button {
     display: inline-block;