Move the admin actions into line with the other links

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

diff --git a/app/assets/stylesheets/small.scss b/app/assets/stylesheets/small.scss
index 1865572a3acbe7f5d7865ffb95d8f1015bfe9359..2247b4bbef940956db7ddf5097da17803ed15141 100644 (file)
--- a/app/assets/stylesheets/small.scss
+++ b/app/assets/stylesheets/small.scss
@@ -2,17 +2,7 @@
 
 /* Styles specific to a small screen, such as iPhone, Android, etc... */
 
 
 /* Styles specific to a small screen, such as iPhone, Android, etc... */
 

-body.small {
-
-  input[type="submit"],
-  input[type="text"] {
-    -webkit-appearance: none;
-  }
-
-  .column-1 {
-    width: 100%;
-  }
-
+body.small-nav {

   #menu-icon {
     display: inline-block !important;
   }
   #menu-icon {
     display: inline-block !important;
   }


@@ -30,10 +20,6 @@ body.small {
     min-height: $headerHeight;
     background: #fff;
 
     min-height: $headerHeight;
     background: #fff;
 

-    h1 {
-      padding-bottom: 15px;
-    }
-

     &.closed nav {
       display: none;
     }
     &.closed nav {
       display: none;
     }


@@ -71,22 +57,16 @@ body.small {
         }
       }
     }
         }
       }
     }

+
+    .btn-group {
+      width: 100%;
+      padding: 10px;
+    }

   }
 
   nav.secondary {
   }
 
   nav.secondary {

-    border-bottom: 1px solid #eee;
-

     .user-menu {
     .user-menu {

-      display: block;

       width: 100%;
       width: 100%;

-      margin-left: 0;
-      > li {
-        width: 49%;
-        > a {
-          width: 100%;
-          text-align: center;
-        }
-      }

     }
   }
 
     }
   }
 


@@ -98,7 +78,21 @@ body.small {
     display: inline-block;
   }
 
     display: inline-block;
   }
 

-  .map-layout {
+  .overlay-sidebar #sidebar .welcome.visible {
+    display: none;
+  }
+
+  .overlay-sidebar #sidebar #banner {
+    display: none;
+  }
+
+  .leaflet-top.leaflet-right {
+    top: 10px !important;
+  }
+}
+
+@media (max-width: 767.98px) {
+  body.map-layout {

     #sidebar, #map {
       position: relative;
       overflow-x: hidden;
     #sidebar, #map {
       position: relative;
       overflow-x: hidden;


@@ -108,7 +102,10 @@ body.small {
 
     .overlay-sidebar {
       #sidebar {
 
     .overlay-sidebar {
       #sidebar {

-        width: 300px;
+        position: absolute;
+        width: 350px;
+        height: auto;
+        overflow: hidden;

       }
 
       #map {
       }
 
       #map {


@@ -122,75 +119,4 @@ body.small {
       overflow-y: scroll;
     }
   }
       overflow-y: scroll;
     }
   }

-
-  #sidebar .welcome {
-    display: none !important;
-  }
-
-  .leaflet-top.leaflet-right {
-    top: 10px !important;
-    z-index: 0;
-  }
-
-  .content_map {
-    width: 100%;
-    border: none;
-    float: none;
-    height: 200px;
-    max-height: none;
-    min-height: auto;
-  }
-
-  /* Rules for the login form */
-
-  #login_login input#user_email {
-    width: 100%;
-    max-width: 18em;
-  }
-
-  #login_login input#user_password {
-    width: 100%;
-    max-width: 18em;
-  }
-
-  #login_login input#openid_url {
-    width: 100%;
-    max-width: 18em;
-  }
-
-  #login_openid_buttons td {
-    padding: 2px;
-  }
-
-  /* Rules for the user view */
-
-  .user_map {
-    width: 100% !important;
-    height: 300px !important;
-  }
-
-  #userinformation .deemphasize {
-    position: relative;
-    right: auto; left: auto;
-    margin-top: 10px;
-    top: auto;
-  }
-
-  /* Rules for the sign-up page */
-
-  .user-new,
-  .user-create {
-    .col6 {
-      width: 100%;
-    }
-
-    .aside {
-      display: none;
-    }
-  }
-
-  .site-about #content .attr h1 {
-    font-size: 28px;
-  }
-

 }
 }