X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/4dceacdeba42039a61f9bc9f56293f5652620e5b..1977e66ace0751b8b4fdf3b55bde367ec33e7c57:/app/assets/stylesheets/small.scss

diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss
index 1865572a3..ed3eb3064 100644
--- a/app/assets/stylesheets/small.scss
+++ b/app/assets/stylesheets/small.scss
@@ -71,22 +71,16 @@ body.small {
         }
       }
     }
+
+    .btn-group {
+      width: 100%;
+      padding: 10px;
+    }
   }
 
   nav.secondary {
-    border-bottom: 1px solid #eee;
-
     .user-menu {
-      display: block;
       width: 100%;
-      margin-left: 0;
-      > li {
-        width: 49%;
-        > a {
-          width: 100%;
-          text-align: center;
-        }
-      }
     }
   }
 
@@ -97,39 +91,18 @@ body.small {
   .compact-hide {
     display: inline-block;
   }
+  
 
-  .map-layout {
-    #sidebar, #map {
-      position: relative;
-      overflow-x: hidden;
-      width: 100%;
-      height: 50%;
-    }
-
-    .overlay-sidebar {
-      #sidebar {
-        width: 300px;
-      }
-
-      #map {
-        height: 100%;
-      }
-    }
-
-    #map-ui {
-      z-index: 9999;
-      width: 100%;
-      overflow-y: scroll;
-    }
+  .overlay-sidebar #sidebar .welcome.visible {
+    display: none;
   }
 
-  #sidebar .welcome {
-    display: none !important;
+  .overlay-sidebar #sidebar #banner {
+    display: none;
   }
 
   .leaflet-top.leaflet-right {
     top: 10px !important;
-    z-index: 0;
   }
 
   .content_map {
@@ -169,28 +142,38 @@ body.small {
     height: 300px !important;
   }
 
-  #userinformation .deemphasize {
-    position: relative;
-    right: auto; left: auto;
-    margin-top: 10px;
-    top: auto;
+  &.site-about #content .attr h1 {
+    font-size: 28px;
   }
 
-  /* Rules for the sign-up page */
+}
 
-  .user-new,
-  .user-create {
-    .col6 {
+@media (max-width: 767.98px) {
+  body.map-layout {
+    #sidebar, #map {
+      position: relative;
+      overflow-x: hidden;
       width: 100%;
+      height: 50%;
     }
 
-    .aside {
-      display: none;
+    .overlay-sidebar {
+      #sidebar {
+        position: absolute;
+        width: 300px;
+        height: auto;
+        overflow: hidden;
+      }
+
+      #map {
+        height: 100%;
+      }
     }
-  }
 
-  .site-about #content .attr h1 {
-    font-size: 28px;
+    #map-ui {
+      z-index: 9999;
+      width: 100%;
+      overflow-y: scroll;
+    }
   }
-
 }