From 147513571f3a67ac13302ac727b77d1b0acc6ebe Mon Sep 17 00:00:00 2001
From: Al Duncanson <alexjduncanson@gmail.com>
Date: Thu, 25 Oct 2018 11:31:38 -0400
Subject: [PATCH] fixed mobile styles

---
 src/App.css            | 7 ++++---
 src/components/Main.js | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.css b/src/App.css
index 00ab2de..9494272 100644
--- a/src/App.css
+++ b/src/App.css
@@ -2,14 +2,15 @@ body {
     margin: 0;
 }
 
-@media (min-width: 960px) {
+@media (min-width: 600px) {
     .sighting-google-map-container > div {
-        width: calc(100% - 241px) !important;
+        width: calc(100% - 240px) !important;
+        height: calc(100% - 64px) !important;
     }
 }
 
 @media (min-width: 960px) {
     .report-google-map-container > div {
-        width: 50% !important;
+        width: calc(100% - 50% - 120px) !important;
     }
 }
\ No newline at end of file
diff --git a/src/components/Main.js b/src/components/Main.js
index 6a5401f..62336af 100644
--- a/src/components/Main.js
+++ b/src/components/Main.js
@@ -60,7 +60,8 @@ const styles = theme => ({
         width: drawerWidth,
     },
     content: {
-        flexGrow: 1
+        flexGrow: 1,
+        width: '60%'
     },
 });
 
@@ -153,7 +154,6 @@ class ResponsiveDrawer extends React.Component {
                     </Toolbar>
                 </AppBar>
                 <nav className={classes.drawer}>
-                    {/* The implementation can be swap with js to avoid SEO duplication of links. */}
                     <Hidden smUp implementation="css">
                         <Drawer
                             container={this.props.container}