From e81bd48ca6298888b8cbd6d8749105d5f95e6288 Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Wed, 19 Jan 2022 14:36:42 -0600
Subject: [PATCH 1/3] Update Tab(s) design

---
 src/Themes/ui/Theme.tsx | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/Themes/ui/Theme.tsx b/src/Themes/ui/Theme.tsx
index 7f82bcebe..1b8a5058f 100644
--- a/src/Themes/ui/Theme.tsx
+++ b/src/Themes/ui/Theme.tsx
@@ -336,6 +336,24 @@ export function refreshTheme(): void {
               color: Settings.theme.primary,
             },
           },
+          root: {
+            backgroundColor: Settings.theme.backgroundsecondary,
+            border: "1px solid " + Settings.theme.well,
+            margin: '3px',
+
+            "&.Mui-selected": {
+              backgroundColor: Settings.theme.button
+            },
+          },
+        },
+      },
+      MuiTabs: {
+        defaultProps: {
+          TabIndicatorProps: {
+            style: {
+              display: "none"
+            }
+          }
         },
       },
       MuiAlert: {

From c0a27e7d66a3fa1e3cd2a676d08362795f962361 Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Wed, 19 Jan 2022 17:10:43 -0600
Subject: [PATCH 2/3] Active scripts tab sizing

---
 src/ui/ActiveScripts/ActiveScriptsRoot.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/ActiveScripts/ActiveScriptsRoot.tsx b/src/ui/ActiveScripts/ActiveScriptsRoot.tsx
index 38c6a00c6..82f544a64 100644
--- a/src/ui/ActiveScripts/ActiveScriptsRoot.tsx
+++ b/src/ui/ActiveScripts/ActiveScriptsRoot.tsx
@@ -31,9 +31,9 @@ export function ActiveScriptsRoot(props: IProps): React.ReactElement {
   }
   return (
     <>
-      <Tabs variant="fullWidth" value={tab} onChange={handleChange}>
+      <Tabs variant="fullWidth" value={tab} onChange={handleChange} sx={{ minWidth: 'fit-content', maxWidth: '25%' }}>
         <Tab label={"Active"} value={"active"} />
-        <Tab label={"Recent"} value={"recent"} />
+        <Tab label={"Recently Killed"} value={"recent"} />
       </Tabs>
 
       {tab === "active" && <ActiveScriptsPage workerScripts={props.workerScripts} />}

From 41eac2e775602e7e0f781dd19b8d315d3b48cded Mon Sep 17 00:00:00 2001
From: nickofolas <nickofolas@gmail.com>
Date: Wed, 19 Jan 2022 18:00:20 -0600
Subject: [PATCH 3/3] Adjust sizing for corp and gang tabs

---
 src/Corporation/ui/CityTabs.tsx        | 2 +-
 src/Corporation/ui/CorporationRoot.tsx | 2 +-
 src/Gang/ui/GangRoot.tsx               | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Corporation/ui/CityTabs.tsx b/src/Corporation/ui/CityTabs.tsx
index 926ee94bc..47beaf5b4 100644
--- a/src/Corporation/ui/CityTabs.tsx
+++ b/src/Corporation/ui/CityTabs.tsx
@@ -30,7 +30,7 @@ export function CityTabs(props: IProps): React.ReactElement {
   }
   return (
     <>
-      <Tabs variant="fullWidth" value={city} onChange={handleChange}>
+      <Tabs variant="fullWidth" value={city} onChange={handleChange} sx={{ minWidth: 'fit-content', maxWidth: '65%' }}>
         {Object.values(division.offices).map(
           (office: OfficeSpace | 0) => office !== 0 && <Tab key={office.loc} label={office.loc} value={office.loc} />,
         )}
diff --git a/src/Corporation/ui/CorporationRoot.tsx b/src/Corporation/ui/CorporationRoot.tsx
index 7f446753d..05543b268 100644
--- a/src/Corporation/ui/CorporationRoot.tsx
+++ b/src/Corporation/ui/CorporationRoot.tsx
@@ -38,7 +38,7 @@ export function CorporationRoot(): React.ReactElement {
 
   return (
     <Context.Corporation.Provider value={corporation}>
-      <Tabs variant="fullWidth" value={divisionName} onChange={handleChange}>
+      <Tabs variant="fullWidth" value={divisionName} onChange={handleChange} sx={{ minWidth: 'fit-content', maxWidth: '65%' }}>
         <Tab label={corporation.name} value={"Overview"} />
         {corporation.divisions.map((div) => (
           <Tab key={div.name} label={div.name} value={div.name} />
diff --git a/src/Gang/ui/GangRoot.tsx b/src/Gang/ui/GangRoot.tsx
index 7f5aa805a..10d0f7608 100644
--- a/src/Gang/ui/GangRoot.tsx
+++ b/src/Gang/ui/GangRoot.tsx
@@ -32,7 +32,7 @@ export function GangRoot(): React.ReactElement {
 
   return (
     <Context.Gang.Provider value={gang}>
-      <Tabs variant="fullWidth" value={value} onChange={handleChange}>
+      <Tabs variant="fullWidth" value={value} onChange={handleChange} sx={{ minWidth: 'fit-content', maxWidth: '45%' }}>
         <Tab label="Management" />
         <Tab label="Equipment" />
         <Tab label="Territory" />