small style fixes (#958)

* add style fixes

* add new favicon

* add the favicon

* update favicon

* fix typo in help

* add bot the bldr to the description

src/Components/ControlsGroup.jsx

@@ -30,6 +30,7 @@ export default function ControlsGroup({navigate, isRepoActive}) {
       sx={{'& > *:not(:last-of-type)': {mr: .6}}}
     >
       <OpenModelControl navigate={navigate}/>
+      <SaveModelControl navigate={navigate}/>
       <TooltipIconButton
         title='Search'
         icon={<SearchIcon className='icon-share' color='secondary'/>}
@@ -54,7 +55,6 @@ export default function ControlsGroup({navigate, isRepoActive}) {
           }
         }}
       />
-      <SaveModelControl navigate={navigate}/>
       {isRepoActive &&
         <TooltipIconButton
           title='Versions'

src/Components/HelpControl.jsx

@@ -7,7 +7,7 @@ import Typography from '@mui/material/Typography'
 import useTheme from '@mui/styles/useTheme'
 import Dialog from './Dialog'
 import {TooltipIconButton} from './Buttons'
-import AutoFixHighIcon from '@mui/icons-material/AutoFixHigh'
+import AutoFixHighOutlinedIcon from '@mui/icons-material/AutoFixHighOutlined'
 import FormatListBulletedIcon from '@mui/icons-material/FormatListBulleted'
 import HideSourceOutlinedIcon from '@mui/icons-material/HideSourceOutlined'
 import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined'
@@ -168,7 +168,7 @@ const HelpList = ({pageIndex}) => {
     },
     {
       icon: <HistoryIcon color='secondary'/>,
-      description: 'Access project model version history',
+      description: 'Access project versions',
     },
     {
       icon: <SearchIcon color='secondary'/>,
@@ -187,8 +187,8 @@ const HelpList = ({pageIndex}) => {
       description: 'Attach notes to 3D elements',
     },
     {
-      icon: <AutoFixHighIcon color='secondary'/>,
-      description: 'Renerate renderings using BLDR AI Agent',
+      icon: <AutoFixHighOutlinedIcon color='secondary'/>,
+      description: 'Create renderings using Bot the BLDR',
     },
   ]
 

src/Components/SaveModelControl.jsx

@@ -22,7 +22,7 @@ import SelectorSeparator from './SelectorSeparator'
 import ClearIcon from '@mui/icons-material/Clear'
 import CreateNewFolderIcon from '@mui/icons-material/CreateNewFolderOutlined'
 import IconButton from '@mui/material/IconButton'
-import SaveIcon from '@mui/icons-material/Save'
+import SaveOutlinedIcon from '@mui/icons-material/SaveOutlined'
 import SaveHeaderIcon from '../assets/icons/SaveGraphic.svg'
 import UploadIcon from '../assets/icons/Upload.svg'
 
@@ -60,11 +60,11 @@ export default function SaveModelControl({navigate}) {
 
 
   return (
-    <Box sx={{}}>
+    <Box sx={{marginRight: '6px'}}>
       <TooltipIconButton
         title={'Save IFC'}
         onClick={() => setIsDialogDisplayed(true)}
-        icon={<SaveIcon className='icon-share' color='secondary'/>}
+        icon={<SaveOutlinedIcon className='icon-share' color='secondary'/>}
         placement={'bottom'}
         selected={isDialogDisplayed}
         dataTestId='save-ifc'

src/Components/SnackbarMessage.jsx

@@ -11,7 +11,7 @@ export default function SnackBarMessage() {
   const message = useStore((state) => state.snackMessage)
   return (
     <Snackbar
-      anchorOrigin={{vertical: 'bottom', horizontal: 'left'}}
+      anchorOrigin={{vertical: 'bottom', horizontal: 'center'}}
       open={message !== ''}
       style={{bottom: '1em'}}
       message={