From b85a8aa868f38cd98df947ba6349ba15e7fb6e44 Mon Sep 17 00:00:00 2001
From: Sean Sube <seansube@gmail.com>
Date: Thu, 20 Apr 2023 22:18:57 -0500
Subject: [PATCH] fix(gui): replace divider below tabs, outline restart button

---
 gui/src/components/OnnxWeb.tsx              | 36 ++++++++++-----------
 gui/src/components/control/ModelControl.tsx |  5 ++-
 2 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/gui/src/components/OnnxWeb.tsx b/gui/src/components/OnnxWeb.tsx
index e4519bd3..0f6f8317 100644
--- a/gui/src/components/OnnxWeb.tsx
+++ b/gui/src/components/OnnxWeb.tsx
@@ -52,25 +52,25 @@ export function OnnxWeb() {
             }}>
               {TAB_LABELS.map((name) => <Tab key={name} label={name} value={name} />)}
             </TabList>
-            <TabPanel value='txt2img'>
-              <Txt2Img />
-            </TabPanel>
-            <TabPanel value='img2img'>
-              <Img2Img />
-            </TabPanel>
-            <TabPanel value='inpaint'>
-              <Inpaint />
-            </TabPanel>
-            <TabPanel value='upscale'>
-              <Upscale />
-            </TabPanel>
-            <TabPanel value='blend'>
-              <Blend />
-            </TabPanel>
-            <TabPanel value='settings'>
-              <Settings />
-            </TabPanel>
           </Box>
+          <TabPanel value='txt2img'>
+            <Txt2Img />
+          </TabPanel>
+          <TabPanel value='img2img'>
+            <Img2Img />
+          </TabPanel>
+          <TabPanel value='inpaint'>
+            <Inpaint />
+          </TabPanel>
+          <TabPanel value='upscale'>
+            <Upscale />
+          </TabPanel>
+          <TabPanel value='blend'>
+            <Blend />
+          </TabPanel>
+          <TabPanel value='settings'>
+            <Settings />
+          </TabPanel>
         </TabContext>
         <Divider variant='middle' />
         <Box sx={{ mx: 4, my: 4 }}>
diff --git a/gui/src/components/control/ModelControl.tsx b/gui/src/components/control/ModelControl.tsx
index e96482a5..10bc8acf 100644
--- a/gui/src/components/control/ModelControl.tsx
+++ b/gui/src/components/control/ModelControl.tsx
@@ -163,7 +163,10 @@ export function ModelControl() {
           addToken('lora', name);
         }}
       />
-      <Button onClick={() => restart.mutate()}>{t('admin.restart')}</Button>
+      <Button
+        variant='outlined'
+        onClick={() => restart.mutate()}
+      >{t('admin.restart')}</Button>
     </Stack>
   </Stack>;
 }