Move map controls higher in the small screen view

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index d3d644801074a568028c6bb8177405d2fb95f854..606cdd47da9dbc294c33532263e0791fb68b9d13 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -440,7 +440,11 @@ body.site-export #tabnav a#exportanchor {
 
 .site-index .leaflet-top,
 .site-export .leaflet-top {
 
 .site-index .leaflet-top,
 .site-export .leaflet-top {

-  margin-top: 40px !important;
+  top: 40px !important;
+
+  .leaflet-control {
+    margin-top: 0px !important;
+  }

 }
 
 /* Rules for edit menu */
 }
 
 /* Rules for edit menu */

diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss
index d7600a0d6c24d88b940f170b65768a473b1952f7..70d6dd6299b0fa55c7c528990f2d39ac10ade1ce 100644 (file)
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -96,9 +96,9 @@ h1 {
   display: none;
 }
 
   display: none;
 }
 

-.site-index .leaflet-top .leaflet-control,
-.site-export .leaflet-top .leaflet-control {
-  margin-top: 10px !important;
+.site-index .leaflet-top,
+.site-export .leaflet-top {
+  top: 8px !important;

 }
 
 /* Rules for the main content area */
 }
 
 /* Rules for the main content area */