fix #1866. map no longer cut off or showing through on the survey for…

… mobile.
azavea · May 6, 2016 · 29a12a8 · 29a12a8
1 parent 3b4b5fe
commit 29a12a8
Showing 1 changed file with 17 additions and 8 deletions.
diff --git a/src/nyc_trees/sass/partials/_survey.scss b/src/nyc_trees/sass/partials/_survey.scss
@@ -20,19 +20,20 @@
     bottom: 0;
     left: 0;
     right: 0;
-    @media (max-width: $screen-sm - 1) {
-        #map {
-            bottom: 20rem;
-        }
-        #preview-map {
-            bottom: 4rem;
-        }
-    }
     @media (max-height: $screen-xs-height) and (max-width: $screen-sm) {
         top: 4.5rem;
     }
 }
 
+@media (max-width: $screen-sm - 1) {
+    #map {
+        bottom: 20rem;
+    }
+    #preview-map {
+        bottom: 4rem;
+    }
+}
+
 .action-bar-survey {
     .btn-group {
         margin-bottom: .75rem;
@@ -339,6 +340,10 @@
     .tree-form .btn-group > input:first-child + .btn {
         border-radius: $border-radius-base 0 0 $border-radius-base;
     }
+
+    @media (max-width: $screen-sm - 1) {
+        min-height: 93vh;
+    }
 }
 
 .distance-end-form {
@@ -364,6 +369,10 @@
         right: -2rem;
         margin-top: 30px;
     }
+    @media (max-width: $screen-sm - 1) {
+        bottom: 0;
+        margin-bottom: -5rem;
+    }
     span {
         font-size: $font-size-small;
     }