Merge pull request #1115 from Vizzuality/hot-fix/mobile-explore-map

Fix map not showing on explore
Vizzuality · Oct 23, 2019 · 5fb6c4c · 5fb6c4c
2 parents c50177a + f4bb6c3
commit 5fb6c4c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/scripts/react-components/legacy-explore/explore.component.jsx b/frontend/scripts/react-components/legacy-explore/explore.component.jsx
@@ -145,6 +145,7 @@ function Explore(props) {
                     className="explore-world-map"
                     context={selectedContext}
                     destinationCountries={destinationCountries}
+                    scale={120}
                   />
                 </div>
               </div>

diff --git a/frontend/scripts/react-components/legacy-explore/explore.scss b/frontend/scripts/react-components/legacy-explore/explore.scss
@@ -50,9 +50,10 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  height: 85%;
+  height: 100%;
   overflow: hidden;
   margin: 15px -1.25rem 0 -1.25rem;
+  width: 100%;
 
   &.-loading {
     background-color: $charcoal-grey-faded-a-lot;
@@ -65,7 +66,6 @@
 
 
   @media screen and (min-width: $breakpoint-foundation-small) {
-    width: 100%;
     margin: 15px 0 0 0;
   }
 }