uified styles with the logo and adjust the search and button group el…

…ements on mobile

src/Components/Logo.jsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import Box from '@mui/material/Box'
+import Paper from '@mui/material/Paper'
 import useTheme from '@mui/styles/useTheme'
 import {TooltipIconButton} from './Buttons'
 import LogoIcon from '../assets/LogoB.svg'
@@ -13,27 +13,14 @@ import PkgJson from '../../package.json'
 export default function Logo({onClick}) {
   const theme = useTheme()
   return (
-    <Box
+    <Paper
+      elevation={2}
       sx={{
-        'position': 'fixed',
-        'bottom': '1em',
-        'left': '1em',
-        '& svg': {
-          'marginBottom': '4px',
-          'marginTop': '4px',
-          '@media (max-width: 900px)': {
-            width: '40px',
-          },
-          '& .left-face': {
-            fill: theme.palette.secondary.background,
-          },
-          '& .right-face': {
-            fill: theme.palette.secondary.main,
-          },
-          '& #logo path': {
-            stroke: theme.palette.primary.main,
-          },
-        },
+        position: 'fixed',
+        bottom: '1em',
+        left: '1em',
+        boxShadow: theme.shadows[1],
+        background: theme.palette.scene.background
       }}
     >
       <TooltipIconButton
@@ -43,6 +30,6 @@ export default function Logo({onClick}) {
         onClick={onClick}
         aboutInfo={false}
       />
-    </Box>
+    </Paper>
   )
 }

src/Components/OperationsGroup.jsx

@@ -72,7 +72,7 @@ export default function OperationsGroup({deselectItems}) {
 
   const theme = useTheme()
   return (
-    <ButtonGroup orientation='vertical' variant='contained' sx={{margin: '1em'}}>
+    <ButtonGroup orientation='vertical' sx={{margin: '1em .5em'}}>
       {isLoginVisible &&
          <AuthNav/>
       }

src/Containers/CadView.jsx

@@ -596,7 +596,7 @@ export default function CadView({
 
   const windowDimensions = useWindowDimensions()
   const spacingBetweenSearchAndOpsGroupPx = 20
-  const operationsGroupWidthPx = 60
+  const operationsGroupWidthPx = 100
   const searchAndNavWidthPx = windowDimensions.width - (operationsGroupWidthPx + spacingBetweenSearchAndOpsGroupPx)
   const searchAndNavMaxWidthPx = 300
   return (