Fix info header margins

src/client/components/App.js

@@ -19,8 +19,7 @@ const theme = createMuiTheme({
           marginTop: 8,
           marginBottom: 8
         }
-
-      }
+      },
     }
   }
 });

src/client/components/main_layout/InfoHeader.js

@@ -12,11 +12,17 @@ import Grid from '@material-ui/core/Grid';
 const styles = theme => ({
   root: {
     position: 'absolute',
-    marginTop: 64,
+    //marginTop: 64,
     paddingTop: theme.spacing(1),
     paddingLeft: theme.spacing(1.5),
     paddingRight: theme.spacing(1.5),
     backgroundColor: '#bdbdbd',
+    [theme.breakpoints.down('sm')]: {
+      marginTop: 56,
+    },
+    [theme.breakpoints.up('sm')]: {
+      marginTop: 64,
+    },
   },
   panel: {
     width: '100%'
@@ -25,7 +31,8 @@ const styles = theme => ({
     paddingLeft: theme.spacing(1),
   },
   summaryContent: {
-    display: 'block'
+    display: 'block',
+    marginBottom: `${theme.spacing(1)}px !important`
   },
   label: {
     marginTop: theme.spacing(1),

src/client/containers/SemanticPortal.js

@@ -105,12 +105,12 @@ const styles = theme => ({
     backgroundColor: '#bdbdbd',
     padding: theme.spacing(1),
     [theme.breakpoints.down('sm')]: {
-      marginTop: 308, // 56 + 244 + 8
-      height: 'calc(100% - 308px)',
+      marginTop: 296, // 56 + 232 + 8
+      height: 'calc(100% - 296px)',
     },
     [theme.breakpoints.up('sm')]: {
-      marginTop: 316, // 64 + 244 + 8
-      height: 'calc(100% - 316px)',
+      marginTop: 304, // 64 + 232 + 8
+      height: 'calc(100% - 304px)',
     },
   },
   instancePageContainer: {
@@ -122,7 +122,7 @@ const styles = theme => ({
       height: 'calc(100% - 177px)',
     },
     [theme.breakpoints.up('sm')]: {
-      marginTop: 185, // 64 + 113 + 8
+      marginTop: 181,
       height: 'calc(100% - 185px)',
     },
   },