Merge pull request #2280 from HSLdevcom/map-overflowing-in-mobile

Map overflowing in mobile when using digitransit embedded on a page
HSLdevcom · May 18, 2018 · 0077f30 · 0077f30
2 parents 1ecec4d + ef336dc
commit 0077f30
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/app/component/map/map.scss b/app/component/map/map.scss
@@ -49,10 +49,14 @@ div.leaflet-bottom.leaflet-left div.leaflet-control-zoom {
     font-size: 17px;
   }
   a {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 22px;
+    color: currentColor;
   }
 }
 
@@ -61,14 +65,18 @@ div.leaflet-bottom.leaflet-left div.leaflet-control-zoom {
 }
 
 div.leaflet-container {
-  position: relative;
+  position: absolute;
   flex: 1;
   width: 100%;
   height: 100%;
   background: none;
   @include font-map-container;
 }
 
+.component-example div.leaflet-container {
+  position: relative;
+}
+
 div.current-location-marker > span > svg.icon {
   font-size: 40px;
   color: $current-location-color;