Change map placement in small screen mode

[rails.git] / app / assets / stylesheets / small.css.scss

diff --git a/app/assets/stylesheets/small.css.scss b/app/assets/stylesheets/small.css.scss
index 19b4e6b89110b66a16f545574d1eeaa9bf3a5cd8..5d658fdc10468c16eb0d2aaf53e8e801de590665 100644 (file)
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -19,6 +19,7 @@ h1 {
 /* Rules for tabbed navigation bar */
 
 #top-bar {
+  left: 0;
   margin: 0px;
   height: 39px;
   padding: 0;
@@ -48,6 +49,7 @@ h1 {
   height: 16px;
   display: block;
   position: absolute;
+  left: 5px;
   top: 5px;
   padding: 2px;
   width: 110px; /* TODO: find better fix for overlap */
@@ -70,6 +72,7 @@ h1 {
 
 #greeting {
   position: absolute;
+  right: 5px;
   top: 5px;
   height: 14px;
   font-size: 12px;
@@ -92,9 +95,13 @@ h1 {
   border: 0;
 }
 
-.site-index .leaflet-top .leaflet-control,
-.site-export .leaflet-top .leaflet-control {
-  margin-top: 10px !important;
+.leaflet-control-pan, .leaflet-control-zoomslider {
+  display: none;
+}
+
+.site-index .leaflet-top,
+.site-export .leaflet-top {
+  top: 47px !important;
 }
 
 /* Rules for the main content area */
@@ -106,12 +113,6 @@ h1 {
   border-right: 0px;
 }
 
-.site-export #content,
-.site-edit #content,
-.site-index #content {
-  margin-top: 40px;
-}
-
 /* Rules for search sidebar when shown */
 
 #sidebar {