Merge pull request #32 from CodeForPhilly/leafletfullscreen

Altetred CSS so Map is fullscreen width

Author: sodamodo

CHANGELOG.md

@@ -15,7 +15,7 @@ and this project adheres to release number versioning.
 - Added initial Django models & migration [#21](https://github.com/CodeForPhilly/third-places/pull/21)
 
 ### Changed
-
+- Made Leaflet map element fullscreen and rmeoved title[#27](https://github.com/CodeForPhilly/third-places/issues/27)
 ### Deprecated
 
 ### Removed

src/app/src/App.css

@@ -1,8 +1,7 @@
+
+
 #root {
-  max-width: 1280px;
-  max-height: 1wh;
-  margin: 0 auto;
-  padding: 2rem;
+  width: 100vw;
   text-align: center;
 }
 

src/app/src/App.tsx

@@ -7,7 +7,6 @@ function App() {
 
   return (
     <div>
-      <div className="title">THIRD PLACES PROJECT</div>
         <Map/>
     </div>
 

src/app/src/Map/Map.css

@@ -1,6 +1,4 @@
 .leaflet-container {
-  height: 700px;
-  width: 700px;
-  margin-left: auto;
-  margin-right: auto;
+  width: 100vw;
+  height: 100vh;
 }