CHG: Lots of good fixes

1 files changed, 9 insertions, 14 deletions

diff --git a/src/modals.less b/src/modals.less
index ba5fde0..306344b 100644
--- a/src/modals.less
+++ b/src/modals.less
@@ -7,6 +7,7 @@
   left: 0;
   opacity: 0;
   overflow: hidden;
+  padding: @layout-gutter; 
   position: fixed;
   right: 0;
   top: 0;
@@ -29,6 +30,13 @@
 
     .modal-container {
       animation: slide-down .216s;
+      max-width: 64rem;
+    }
+  }
+
+  &.modal-sm {
+    .modal-container {
+      max-width: 32rem;
     }
   }
 }
@@ -41,6 +49,7 @@
   padding: 0;
   .shadow;
   text-align: left;
+
   z-index: 1988;
 
   .modal-header {
@@ -64,17 +73,3 @@
     text-align: right;
   }
 }
-
-@media screen and (min-width: 640px) {
-  .modal-container {
-    width: 64rem;
-  }
-}
-
-@media screen and (min-width: 320px) {
-  .modal-sm {
-    .modal-container {
-      width: 32rem;
-    }
-  }
-}