Showing the EM logo in the header on mobile, so the user can easily g…

…o back to the home screen -- #294
cytoscape · Jun 3, 2024 · 8840dc6 · 8840dc6
1 parent 072599d
commit 8840dc6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 11 deletions.
diff --git a/src/client/components/network-editor/header.js b/src/client/components/network-editor/header.js
@@ -112,7 +112,7 @@ export function Header({
             onClick={() => onOpenLeftDrawer(!leftDrawerOpen)}
           />
         )}
-          <Box component="div" sx={{ display: { xs: 'none', sm: 'inline-block' }}}>
+          <Box component="div">
             <Tooltip placement="bottom" title="Home">
               <IconButton 
                 aria-label='home' 

diff --git a/src/client/components/network-editor/title-editor.js b/src/client/components/network-editor/title-editor.js
@@ -10,19 +10,11 @@ const CssInputBase = styled(InputBase)(({ theme }) => ({
   '& .MuiInputBase-input': {
     position: 'relative',
     border: '1px solid transparent',
-    borderRadius: 5,
+    borderRadius: 8,
     width: '100%',
-    minWidth: 240,
     maxWidth: 640,
-    padding: 2,
+    padding: theme.spacing(1),
     fontWeight: 'bold',
-    [theme.breakpoints.down('sm')]: {
-      textAlign: 'center',
-      minWidth: 140,
-    },
-    [theme.breakpoints.up('sm')]: {
-      textAlign: 'left',
-    },
     '&:hover': {
       border: `1px solid ${theme.palette.divider}`,
       backgroundColor: theme.palette.background.field,