From 3a85cfacf2b0b9922720280859106f70bc8115a0 Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@ourproject.org>
Date: Wed, 24 Jan 2018 20:21:42 +0100
Subject: [PATCH] Fix home style issues

---
 .../components/SelectionMap/SelectionMap.js   |  7 +--
 imports/ui/pages/FiresMap/FiresMap.js         |  3 +-
 imports/ui/pages/Index/Index-custom.scss      |  4 ++
 .../pages/Subscriptions/SubscriptionsMap.js   | 50 ++++++++++---------
 4 files changed, 36 insertions(+), 28 deletions(-)

diff --git a/imports/ui/components/SelectionMap/SelectionMap.js b/imports/ui/components/SelectionMap/SelectionMap.js
index b6c1351..2bda7fb 100644
--- a/imports/ui/components/SelectionMap/SelectionMap.js
+++ b/imports/ui/components/SelectionMap/SelectionMap.js
@@ -161,7 +161,7 @@ class SelectionMap extends Component {
     const { t, onRemove } = this.props;
     return (
       this.isValidState() ?
-          <Fragment>
+          <div>
             <Map
                 className="selectionmap-leaflet-container"
                 center={this.state.center}
@@ -175,8 +175,9 @@ class SelectionMap extends Component {
                 wakeTime={750}
                 onViewportChanged={this.onViewportChanged}
                 sleepNote
-                hoverToWake
+                hoverToWake={false}
                 wakeMessage={t('Pulsa para activar')}
+                wakeMessageTouch={t('Pulsa para activar')}
                 sleepOpacity={0.6}
             >
               <DefMapLayers gray={false} />
@@ -250,7 +251,7 @@ class SelectionMap extends Component {
                  </ButtonGroup>
                </Control>
             </Map>
-          </Fragment> :
+          </div> :
       <div />);
   }
 }
diff --git a/imports/ui/pages/FiresMap/FiresMap.js b/imports/ui/pages/FiresMap/FiresMap.js
index a7ce8fb..654606c 100644
--- a/imports/ui/pages/FiresMap/FiresMap.js
+++ b/imports/ui/pages/FiresMap/FiresMap.js
@@ -184,8 +184,9 @@ class FiresMap extends React.Component {
              sleepTime={10750}
              wakeTime={750}
              sleepNote
-             hoverToWake
+             hoverToWake={false}
              wakeMessage={this.props.t('Pulsa para activar')}
+             wakeMessageTouch={this.props.t('Pulsa para activar')}
              sleepOpacity={0.6}
          >
            {/* http://wiki.openstreetmap.org/wiki/Tile_servers */}
diff --git a/imports/ui/pages/Index/Index-custom.scss b/imports/ui/pages/Index/Index-custom.scss
index 89bf4da..beadf3f 100644
--- a/imports/ui/pages/Index/Index-custom.scss
+++ b/imports/ui/pages/Index/Index-custom.scss
@@ -245,4 +245,8 @@
 
 .sect6 {
   background-color: $todos-back5;
+}
+
+.sect3, sect4, sect5, sect6 {
+  overflow: visible !important;
 }
\ No newline at end of file
diff --git a/imports/ui/pages/Subscriptions/SubscriptionsMap.js b/imports/ui/pages/Subscriptions/SubscriptionsMap.js
index 407bf51..fc8971e 100644
--- a/imports/ui/pages/Subscriptions/SubscriptionsMap.js
+++ b/imports/ui/pages/Subscriptions/SubscriptionsMap.js
@@ -87,31 +87,33 @@ class SubscriptionsMap extends React.Component {
            <Row>
              <Trans>En verde, las zonas vigiladas por nuestros usuari@s actualmente. ¡Participa!</Trans>&nbsp;(*)
            </Row>
-           <Map
-               ref={(map) => {
-                   this.subscriptionsMap = map;
-                   this.handleLeafletLoad(map);
-                 }}
-               zoom={this.state.viewport.zoom}
-               center={this.state.viewport.center}
-               className="subscriptionsmap-leaflet-container"
-               animate
-               sleep={window.location.pathname === '/'}
-               sleepTime={10750}
-               wakeTime={750}
-               sleepNote
-               hoverToWake
-               wakeMessage={this.props.t('Pulsa para activar')}
-               sleepOpacity={0.6}
-           >
-             <DefMapLayers />
-             <Control position="topright" >
-               <ButtonGroup>
-                 <CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} {... this.props} />
-               </ButtonGroup>
-             </Control>
-           </Map>
          </Col>
+         <Map
+             ref={(map) => {
+                 this.subscriptionsMap = map;
+                 this.handleLeafletLoad(map);
+               }}
+             zoom={this.state.viewport.zoom}
+             center={this.state.viewport.center}
+             className="subscriptionsmap-leaflet-container"
+             animate
+             sleep={window.location.pathname === '/'}
+             sleepTime={10750}
+             wakeTime={750}
+             sleepNote
+             hoverToWake={false}
+             wakeMessage={this.props.t('Pulsa para activar')}
+             wakeMessageTouch={this.props.t('Pulsa para activar')}
+             sleepOpacity={0.6}
+         >
+           <DefMapLayers />
+           <Control position="topright" >
+             <ButtonGroup>
+               <CenterInMyPosition onClick={viewport => this.centerOnUserLocation(viewport)} {... this.props} />
+             </ButtonGroup>
+           </Control>
+         </Map>
+
          <Row>
            <Col xs={12} sm={12} md={12} lg={12}>
              <p className="subscriptionsmap-footnote"><span style={{ paddingRight: '5px' }}>(*)</span><Trans i18nKey="mapPrivacy" parent="span"><em>Para preservar la privacidad de nuestros usuarios/as, los datos reflejados están aleatoriamente alterados y son solo orientativos.</em></Trans></p>