From 77fbc7655b8ea6f0c2b2f7c2decc4d0b7f2afb63 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Thu, 17 Apr 2025 18:40:01 -0700
Subject: [PATCH] Move settings to upper right and enabled scrollable appbar

---
 frontend/src/App.tsx | 42 +++++++++++++++++++++---------------------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 191d601..14253cd 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1055,33 +1055,33 @@ const App = () => {
         }}
       >
         <Toolbar>
-          <Tooltip title="LLM Settings">
-            <IconButton
-              color="inherit"
-              aria-label="open drawer"
-              edge="start"
-              onClick={handleDrawerToggle}
-              sx={{ mr: 2 }}
-            >
-              <SettingsIcon />
-            </IconButton>
-          </Tooltip>
-
-          {mobileOpen === false &&
-          <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-            <Tabs value={tab} indicatorColor="secondary"
-              textColor="inherit"
+          {
+            mobileOpen === false &&
+            <Box sx={{ display: "flex", flexGrow: 1 }}>
+              <Tabs sx={{ display: "flex", flexGrow: 1 }} value={tab} indicatorColor="secondary"
+                textColor="inherit"
                 variant="scrollable"
                 allowScrollButtonsMobile
                 scrollButtons="auto"
-              onChange={handleTabChange} aria-label="Backstory navigation">
-              <Tab label="Backstory" icon={<Avatar sx={{ width: 24, height: 24 }} variant="rounded" alt="Backstory logo" src="/logo192.png" />} iconPosition="start" />
-              <Tab label="Resume Builder"/>
+                onChange={handleTabChange} aria-label="Backstory navigation">
+                <Tab label="Backstory" icon={<Avatar sx={{ width: 24, height: 24 }} variant="rounded" alt="Backstory logo" src="/logo192.png" />} iconPosition="start" />
+                <Tab label="Resume Builder" />
                 <Tab label="Context Visualizer" />
-              <Tab label="About"/>
+                <Tab label="About" />
               </Tabs>
-            </Box>}
 
+                <Tooltip title="LLM Settings">
+                  <IconButton
+                    color="inherit"
+                    aria-label="open drawer"
+                    edge="end"
+                    onClick={handleDrawerToggle}
+                  >
+                    <SettingsIcon />
+                  </IconButton>
+                </Tooltip>
+            </Box>
+          }
           {
             mobileOpen === true &&
             <Tooltip title="Close Settings">