Eliminate HTML5 elements

[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 2a85081718c16426b6c66c951f959f101c38e439..06acc4da7386d5433d36e1227a5d1bd615f56b86 100644 (file)
--- a/app/assets/stylesheets/small.css.scss
+++ b/app/assets/stylesheets/small.css.scss
@@ -1,3 +1,5 @@
+@import "parameters";
+
 /* Styles specific to a small screen, such as iPhone, Android, etc... */
 
 input[type="submit"],
@@ -13,33 +15,38 @@ input[type="text"] {
   display: inline-block !important;
 }
 
-nav.primary,
-nav.secondary {
+.nav {
   float: none !important;
   position: relative;
   display: block;
   clear: both;
 }
 
-header {
+#header {
   height: auto;
+  min-height: $headerHeight;
   background: #fff;
 
   h1 {
     padding-bottom: 15px;
   }
 
-  &.closed nav {
+  &.closed .nav {
     display: none;
   }
+
+  .search_form {
+    display: block;
+  }
 }
 
+#sidebar .search_form,
 #edit_tab,
 #export_tab {
   display: none;
 }
 
-nav.primary {
+.nav.primary {
   padding: 0;
 
   ul, li {
@@ -63,7 +70,7 @@ nav.primary {
   }
 }
 
-nav.secondary {
+.nav.secondary {
   border-bottom: 1px solid #eee;
 
   .user-menu {
@@ -113,6 +120,10 @@ nav.secondary {
   }
 }
 
+#sidebar .welcome {
+  display: none;
+}
+
 .leaflet-top.leaflet-right {
   top: 10px !important;
   z-index: 0;