even more layout improvements

Author: Veikkosuhonen

src/client/App.tsx

@@ -126,7 +126,7 @@ const Layout = () => {
         ref={appRef}
       >
         {!isEmbedded && <NavBar />}
-        <Box sx={{ flex: 1, overscrollBehavior: 'none' }}>
+        <Box sx={{ flex: 1 }}>
           <Outlet />
         </Box>
         <Feedback />

src/client/components/ChatV2/Annotations.tsx

@@ -199,7 +199,7 @@ const Annotations = ({ fileSearchResult, setShowAnnotations }: { fileSearchResul
 
   return (
     <Box
-      p={{ xs: 1, md: 3 }}
+      p="1rem"
       sx={{
         width: '100%',
         height: '100%',
@@ -232,9 +232,6 @@ const Annotations = ({ fileSearchResult, setShowAnnotations }: { fileSearchResul
         <IconButton
           id="close-annotations"
           sx={{
-            position: 'absolute',
-            top: 10,
-            right: 20,
             color: 'grey.500',
             background: '#FFF',
             opacity: 0.9,

src/client/components/ChatV2/ChatV2.tsx

@@ -348,11 +348,9 @@ export const ChatV2 = () => {
       sx={{
         display: 'flex',
         flexDirection: 'row',
-        // height: '100%',
         width: '100%',
         maxWidth: '100%',
         overflowX: 'clip',
-        overscrollBehavior: 'none',
       }}
     >
       {/* Chat side panel column -------------------------------------------------------------------------------------------*/}
@@ -566,6 +564,7 @@ export const ChatV2 = () => {
             borderLeft: '1px solid rgba(0,0,0,0.12)',
             width: 400,
             minWidth: 400,
+            paddingTop: !isEmbeddedMode ? '4rem' : 0,
           }}
         >
           <Annotations fileSearchResult={activeFileSearchResult} setShowAnnotations={setShowAnnotations} />

src/client/components/Footer/index.tsx

@@ -35,10 +35,10 @@ const Footer = () => {
   return (
     <Box
       component="footer"
-      sx={(theme) => ({
+      sx={{
         mt: 'auto',
         width: '100%',
-      })}
+      }}
     >
       <Box sx={styles.supportBox}>
         <Box>
@@ -56,7 +56,7 @@ const Footer = () => {
 
         <Box>
           <Link href="https://toska.dev" target="_blank" rel="noopener" underline="hover">
-            <img src={toskaColor} alt="Toska" width="70" />
+            <img src={toskaColor} alt="Toska" width="40" />
           </Link>
         </Box>
       </Box>

src/client/styles.css

@@ -39,7 +39,3 @@
       100% 100%;
   }
 }
-
-/*body {
-  overscroll-behavior: none;
-}*/