Adjust in modal size rules

diff --git a/less/modals.less b/less/modals.less
index c44b760944b4161db0eb0829c30d851aba85574c..accd4a94820ae632c66e5cc4085039d7393cb7b0 100644 (file)
--- a/less/modals.less
+++ b/less/modals.less
@@ -38,7 +38,14 @@
   margin-right: auto;
   width: auto;
   padding: 10px;
-  z-index: (@zindex-modal-background + 10);
+  z-index: (@zindex-modal-background + 10); 
+
+  &.modal-lg {
+    width: @modal-lg;
+  } 
+  &.modal-sm {
+    width: @modal-sm;
+  }
 }
 
 // Actual modal
@@ -123,14 +130,6 @@
     width: 600px;
     padding-top: 30px;
     padding-bottom: 30px;
-    // Define large size for the modal
-    &.modal-lg{
-      width: @modal-lg;
-    }
-    // Define small size for the modal
-    &.modal-sm{
-      width: @modal-sm;
-    }
   }
   .modal-content {
     .box-shadow(0 5px 15px rgba(0,0,0,.5));

diff --git a/less/variables.less b/less/variables.less
index 5fb66b22548480100b2ea657bcda293799a102b3..44b49a43d795eb16629608ff3aae5e74b9a94022 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -449,7 +449,7 @@
 @modal-footer-border-color:   @modal-header-border-color;
 
 @modal-lg:                    900px;
-@modal-sm:                    400px;
+@modal-sm:                    300px;
 
 
 // Alerts