Fix toolbar styling

Dockerfile

@@ -299,6 +299,7 @@ RUN { \
 ENV USE_XETLA=OFF
 ENV SYCL_PI_LEVEL_ZERO_USE_IMMEDIATE_COMMANDLISTS=1
 ENV SYCL_CACHE_PERSISTENT=1
+ENV PATH=/opt/backstory:$PATH
 
 ENTRYPOINT [ "/entrypoint.sh" ]
 

frontend/src/App.css

@@ -13,7 +13,6 @@ div {
 
 .MuiTabs-root .MuiTabs-indicator {
   background-color: orange;
-
 }
 
 .SystemInfo {
@@ -50,7 +49,6 @@ div {
   margin: 0 auto;
 }
 
-
 .DocBox {
   display: flex;
   flex-direction: column;
@@ -74,6 +72,13 @@ div {
   flex-grow: 1;
 }
 
+/* Prevent toolbar from shrinking vertically when media < 600px */
+.MuiToolbar-root {
+  min-height: 56px !important;
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+
 @media (min-width: 768px) {
   .Controls {
     width: 600px; /* or whatever you prefer for a desktop */

frontend/src/App.tsx

@@ -988,7 +988,8 @@ const App = () => {
     setTab(newValue);
   };
   
-  const Offset = styled('div')(({ theme }) => theme.mixins.toolbar);
+  /* toolbar height is 56px + 8px margin-top */
+  const Offset = styled('div')(({ theme }) => ({ ...theme.mixins.toolbar, minHeight: '64px', height: '64px' }));
 
   return (
     <Box className="App" sx={{ display: 'flex', flexDirection: 'column', height: '100dvh' }}>

src/utils/defines.py

@@ -8,4 +8,4 @@ persist_directory="/root/.cache/chromadb"
 max_context = 2048*8*2
 doc_dir = "/opt/backstory/docs/"
 session_dir = "/opt/backstory/sessions"
-static_content = '/opt/backstory/frontend/build'
+static_content = '/opt/backstory/frontend/deployed'