Map dialog is fullscreen on mobile. Added close button to dialog.

Closes #17.

src/components/FacilityDialog.js

@@ -81,6 +81,7 @@ class FacilityDialog extends React.Component {
                     open={isMapOpen}
                     facilities={facilities}
                     facility={facility}
+                    fullScreen={true}
                     campusRegion={facility.facility_location.campus_region}
                     onClose={this.toggleMap}
                 />

src/components/MapDialog.js

@@ -2,6 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Dialog from 'material-ui/Dialog';
 import FacilitiesMap from './FacilitiesMap';
+import IconButton from 'material-ui/IconButton';
+import CloseIcon from 'material-ui-icons/Close';
 
 class MapDialog extends React.Component {
     handleRequestClose = () => {
@@ -9,14 +11,18 @@ class MapDialog extends React.Component {
     };
 
     render() {
-        const {facility, facilities, campusRegion, open} = this.props;
+        const {facility, facilities, campusRegion, open, width, height, fullScreen = false} = this.props;
 
         return (
-            <Dialog onClose={this.handleRequestClose} open={open}>
+            <Dialog onClose={this.handleRequestClose} open={open} fullScreen={fullScreen}>
                 <div style={{
-                    height: '500px',
-                    width: '600px'
+                    height: height || '100%',
+                    width: width || '100%'
                 }}>
+                    <IconButton className={'map-dialog-close-btn'} onClick={this.handleRequestClose}>
+                        <CloseIcon />
+                    </IconButton>
+
                     <FacilitiesMap
                         facilities={facilities}
                         facility={facility}

src/styles/components/mapDialog.scss

+.map-dialog-close-btn {
+  position: absolute !important;
+  z-index: 100;
+  top: 10px;
+  left: 10px;
+  width: 30px !important;
+  height: 30px !important;
+  background-color: white !important;
+  border-radius: 5px !important;
+}
\ No newline at end of file

src/styles/whatsOpen.scss

@@ -9,6 +9,7 @@
 @import './components/facilityStatus';
 @import './components/facilityLabels';
 @import './components/favoriteButton';
+@import './components/mapDialog';
 @import './components/sidebar';
 @import './components/textwTitle';
 @import './components/weekHours';