modal.css.scss in flashgrid-1.0.11

- old
+ new

@@ -27,18 +27,18 @@
   box-shadow: 0 0 3px rgba(0,0,0,0.25);
   left: 50%;
   margin-left: -280px;
   outline: none;
   position: fixed;
-  top: 10%;
+  top: 0;
   width: 560px;
   z-index: 1050;
 }
 .modal.fade {
   -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
           transition: opacity 0.3s linear, top 0.3s ease-out;
-  top: -35%;
+  top: -100%;
 }
 .modal.fade.in { top: 15%; }
 .modal-header {
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
@@ -53,12 +53,12 @@
   text-transform: uppercase;
 }
 .modal-body {
   border-top: 1px solid rgba(217,222,225,1);
   border-bottom: 1px solid rgba(227,232,235,1);
-  max-height: 400px;
-  overflow-y: auto;
+  max-height: 300px;
+  overflow-y: scroll;
   padding: 15px 18px;
   position: relative;
 }
 .modal-body p:last-child { margin-bottom: 0; }
 .modal-footer {
@@ -80,10 +80,12 @@
      -moz-appearance: none;
   border: none;
   background: transparent;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
+  -moz-box-sizing: border-box;
+       box-sizing: border-box;
   color: rgba(0,153,255,1);
   cursor: pointer;
   float: left;
   font-size: 13px;
   -webkit-font-smoothing: antialiased;
@@ -102,11 +104,11 @@
 input[type="submit"].modal-footer-btn[disabled] { color: rgba(158,171,179,1); }
 .modal-footer-btn-left,
 input[type="submit"].modal-footer-btn-left {
   border-right: 1px solid rgba(217,222,225,1);
   border-bottom-right-radius: 0;
-  width: 279px;
+  width: 280px;
 }
 .modal-footer-btn-right,
 input[type="submit"].modal-footer-btn-right {
   border-bottom-left-radius: 0;
   width: 280px;
@@ -117,16 +119,21 @@
 @media only screen and (max-width: 767px) {
   .modal {
     margin-left: -150px;
     width: 300px;
   }
-  .modal-footer-btn-left { width: 149px; }
-  .modal-footer-btn-right { width: 150px; }
+  .modal-body { max-height: 180px; }
+  .modal-footer-btn-left,
+  input[type="submit"].modal-footer-btn-left { width: 150px; }
+  .modal-footer-btn-right,
+  input[type="submit"].modal-footer-btn-right  { width: 150px; }
 }
 @media only screen and (min-width: 480px) and (max-width: 767px) {
   .modal {
     margin-left: -210px;
     width: 420px;
   }
-  .modal-footer-btn-left { width: 209px; }
-  .modal-footer-btn-right { width: 210px; }
+  .modal-footer-btn-left,
+  input[type="submit"].modal-footer-btn-left { width: 210px; }
+  .modal-footer-btn-right,
+  input[type="submit"].modal-footer-btn-right  { width: 210px; }
 }
\ No newline at end of file