From 886df1cdcac34a57d3136cbca8c0108d68943bfc Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Thu, 5 Oct 2017 08:21:17 -0300
Subject: [PATCH] Now every section is full width :D

---
 client/coral-admin/src/components/ui/Drawer.css     | 13 +++++++++++++
 client/coral-admin/src/components/ui/Drawer.js      |  7 ++++---
 client/coral-admin/src/components/ui/Layout.js      |  1 +
 .../src/routes/Configure/components/Configure.css   |  2 ++
 .../src/routes/Dashboard/components/Dashboard.css   |  2 ++
 .../src/routes/Stories/components/Stories.css       |  2 ++
 6 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/client/coral-admin/src/components/ui/Drawer.css b/client/coral-admin/src/components/ui/Drawer.css
index e69de29bb..861d4074b 100644
--- a/client/coral-admin/src/components/ui/Drawer.css
+++ b/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;
+    }
+  }
+}
\ No newline at end of file
diff --git a/client/coral-admin/src/components/ui/Drawer.js b/client/coral-admin/src/components/ui/Drawer.js
index 2b728a33a..0385b1773 100644
--- a/client/coral-admin/src/components/ui/Drawer.js
+++ b/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;
diff --git a/client/coral-admin/src/components/ui/Layout.js b/client/coral-admin/src/components/ui/Layout.js
index 9ee9fda9f..00a09efb6 100644
--- a/client/coral-admin/src/components/ui/Layout.js
+++ b/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}
diff --git a/client/coral-admin/src/routes/Configure/components/Configure.css b/client/coral-admin/src/routes/Configure/components/Configure.css
index 0b7319132..7c9a26770 100644
--- a/client/coral-admin/src/routes/Configure/components/Configure.css
+++ b/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;
diff --git a/client/coral-admin/src/routes/Dashboard/components/Dashboard.css b/client/coral-admin/src/routes/Dashboard/components/Dashboard.css
index 586ff6c08..aee7e702b 100644
--- a/client/coral-admin/src/routes/Dashboard/components/Dashboard.css
+++ b/client/coral-admin/src/routes/Dashboard/components/Dashboard.css
@@ -4,6 +4,8 @@
 
 .Dashboard {
   display: flex;
+  max-width: 1280px;
+  margin: 0 auto;
 }
 
 .heading {
diff --git a/client/coral-admin/src/routes/Stories/components/Stories.css b/client/coral-admin/src/routes/Stories/components/Stories.css
index d8a75a4ce..be6b6f921 100644
--- a/client/coral-admin/src/routes/Stories/components/Stories.css
+++ b/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 {