From 87aa61001e908857416f8114a892ced7e796c8b9 Mon Sep 17 00:00:00 2001
From: Mark Otto <markotto@twitter.com>
Date: Tue, 24 Jul 2012 00:44:11 -0700
Subject: [PATCH] fixes #4118: responsive modal gets width auto and improved
 positioning for narrower widths

---
 docs/assets/css/bootstrap-responsive.css | 17 +++++++++++------
 less/responsive-767px-max.less           | 15 +++++++++++----
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index 4d104846b7..2590aadf86 100644
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -835,6 +835,17 @@
     display: inline-block;
     width: auto;
   }
+  .modal {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    left: 20px;
+    width: auto;
+    margin: 0;
+  }
+  .modal.fade.in {
+    top: auto;
+  }
 }
 
 @media (max-width: 480px) {
@@ -866,15 +877,9 @@
     padding-left: 10px;
   }
   .modal {
-    position: fixed;
     top: 10px;
     right: 10px;
     left: 10px;
-    width: auto;
-    margin: 0;
-  }
-  .modal.fade.in {
-    top: auto;
   }
   .modal-header .close {
     padding: 10px;
diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less
index b7fd7454fb..18c96ee0b7 100644
--- a/less/responsive-767px-max.less
+++ b/less/responsive-767px-max.less
@@ -84,6 +84,17 @@
     width: auto;
   }
 
+  // Modals
+  .modal {
+    position: fixed;
+    top:   20px;
+    left:  20px;
+    right: 20px;
+    width: auto;
+    margin: 0;
+    &.fade.in { top: auto; }
+  }
+
 }
 
 
@@ -133,13 +144,9 @@
 
   // Modals
   .modal {
-    position: fixed;
     top:   10px;
     left:  10px;
     right: 10px;
-    width: auto;
-    margin: 0;
-    &.fade.in { top: auto; }
   }
   .modal-header .close {
     padding: 10px;