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 a955017757f6cb675d4fc0642672d6c6c766489b..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,15 +95,13 @@ h1 {
   border: 0;
 }
 
-.olControlSimplePanZoom {
+.leaflet-control-pan, .leaflet-control-zoomslider {
   display: none;
 }
 
-.site-index #map .olControlZoom,
-.site-index #map .SimpleLayerSwitcher,
-.site-export #map .olControlZoom,
-.site-export #map .SimpleLayerSwitcher {
-  top: 8px !important;
+.site-index .leaflet-top,
+.site-export .leaflet-top {
+  top: 47px !important;
 }
 
 /* Rules for the main content area */
@@ -112,10 +113,6 @@ h1 {
   border-right: 0px;
 }
 
-.site-index #content {
-  margin-top: 40px;
-}
-
 /* Rules for search sidebar when shown */
 
 #sidebar {