Now every section is full width :D

client/coral-admin/src/components/ui/Drawer.css

@@ -0,0 +1,13 @@
+@custom-media --table-viewport (max-width: 1024px);
+
+:global {
+  .mdl-layout__drawer-button {
+    visibility: hidden;
+  }
+
+  @media (--table-viewport) {
+    .mdl-layout__drawer-button {
+      visibility: visible;
+    }
+  }
+}

client/coral-admin/src/components/ui/Drawer.js

@@ -6,8 +6,8 @@ import styles from './Drawer.css';
 import t from 'coral-framework/services/i18n';
 import {can} from 'coral-framework/services/perms';
 
-const CoralDrawer = ({handleLogout, auth}) => (
-  <Drawer className={styles.header}>
+const CoralDrawer = ({handleLogout, auth = {}}) => (
+  <Drawer className={styles.drawer}>
     { auth && auth.user && can(auth.user, 'ACCESS_ADMIN') ?
       <div>
         <Navigation className={styles.nav}>
@@ -57,7 +57,8 @@ const CoralDrawer = ({handleLogout, auth}) => (
 
 CoralDrawer.propTypes = {
   handleLogout: PropTypes.func.isRequired,
-  restricted: PropTypes.bool // hide app elements from a logged out user
+  restricted: PropTypes.bool, // hide app elements from a logged out user
+  auth: PropTypes.object
 };
 
 export default CoralDrawer;

client/coral-admin/src/components/ui/Layout.js

@@ -21,6 +21,7 @@ const Layout = ({
     <Drawer 
       handleLogout={handleLogout}
       restricted={restricted}
+      auth={auth}
     />
     <div className={styles.layout}>
       {children}

client/coral-admin/src/routes/Configure/components/Configure.css

@@ -4,6 +4,8 @@
 
 .container {
   display: flex;
+  max-width: 1280px;
+  margin: 0 auto;
 
   h3 {
     color: black;

client/coral-admin/src/routes/Dashboard/components/Dashboard.css

@@ -4,6 +4,8 @@
 
 .Dashboard {
   display: flex;
+  max-width: 1280px;
+  margin: 0 auto;
 }
 
 .heading {

client/coral-admin/src/routes/Stories/components/Stories.css

@@ -1,6 +1,8 @@
 .container {
   padding: 10px;
   display: flex;
+  max-width: 1280px;
+  margin: 0 auto;
 }
 
 .leftColumn {