moved drawer size to layout

Author: PolGuixe

src/components/Layout/Layout.jsx

@@ -77,7 +77,12 @@ class Layout extends React.PureComponent {
           {appBarContent}
         </AppBar>
         {drawerContent ? (
-          <Drawer {...drawerProps} open={drawerOpen} onRequestClose={this.handleDrawerClose}>
+          <Drawer
+            open={drawerOpen}
+            onRequestClose={this.handleDrawerClose}
+            classes={{ paper: classes.drawerPaper }}
+            {...drawerProps}
+          >
             {drawerContent}
           </Drawer>
         ) : null}

src/components/Layout/styles.js

@@ -1,3 +1,5 @@
+const drawerWidth = 240;
+
 const styles = {
   layout: {
     display: 'flex',
@@ -19,6 +21,9 @@ const styles = {
       marginTop: '56px',
     },
   },
+  drawerPaper: {
+    width: drawerWidth,
+  },
 };
 
 export default styles;

src/templates/Drawer/BasicDrawer/BasicDrawer.jsx

@@ -15,7 +15,7 @@ class BasicDrawer extends React.PureComponent {
   render() {
     const { links, classes } = this.props;
     return (
-      <div>
+      <div className={classes.wrapper}>
         <List className={classes.list}>
           {_.map(links, link => (
             <ListItem button onClick={link.onClick} key={`link-${link.label}`}>

src/templates/Drawer/BasicDrawer/styles.js

@@ -1,6 +1,8 @@
 export default {
+  wrapper: {
+    width: '100%',
+  },
   list: {
-    width: 250,
     flex: 'initial',
   },
 };