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 d7600a0d6c24d88b940f170b65768a473b1952f7..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 {
 /* Rules for tabbed navigation bar */
 
 #top-bar {

+  left: 0;

   margin: 0px;
   height: 39px;
   padding: 0;
   margin: 0px;
   height: 39px;
   padding: 0;


@@ -48,6 +49,7 @@ h1 {
   height: 16px;
   display: block;
   position: absolute;
   height: 16px;
   display: block;
   position: absolute;

+  left: 5px;

   top: 5px;
   padding: 2px;
   width: 110px; /* TODO: find better fix for overlap */
   top: 5px;
   padding: 2px;
   width: 110px; /* TODO: find better fix for overlap */


@@ -70,6 +72,7 @@ h1 {
 
 #greeting {
   position: absolute;
 
 #greeting {
   position: absolute;

+  right: 5px;

   top: 5px;
   height: 14px;
   font-size: 12px;
   top: 5px;
   height: 14px;
   font-size: 12px;


@@ -96,9 +99,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: 47px !important;

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


@@ -110,12 +113,6 @@ h1 {
   border-right: 0px;
 }
 
   border-right: 0px;
 }
 

-.site-export #content,
-.site-edit #content,
-.site-index #content {
-  margin-top: 40px;
-}
-

 /* Rules for search sidebar when shown */
 
 #sidebar {
 /* Rules for search sidebar when shown */
 
 #sidebar {