From 4fd861a70492e8dea78f1a4da1c1e9ed2a4eebfb Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Mon, 19 Aug 2013 00:54:53 -0700
Subject: [PATCH] Fix the customizer.js; Update alert styles for pre blocks

---
 assets/css/docs.css     | 9 ++++++++-
 assets/js/customizer.js | 3 +--
 customize.html          | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/assets/css/docs.css b/assets/css/docs.css
index 1f733a1b4c..c4551cd164 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -1043,7 +1043,14 @@ h1[id] {
   margin-bottom: 0;
 }
 .bs-customizer-alert .glyphicon {
-  margin-right: 3px;
+  margin-right: 5px;
+}
+.bs-customizer-alert pre {
+  margin: 10px 0 0;
+  color: #fff;
+  background-color: #a83c3a;
+  border-color: #973634;
+  box-shadow: inset 0 2px 4px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
 }
 
 
diff --git a/assets/js/customizer.js b/assets/js/customizer.js
index 6e9484b08c..0052f857fb 100644
--- a/assets/js/customizer.js
+++ b/assets/js/customizer.js
@@ -5,8 +5,7 @@ window.onload = function () { // wait for load in a dumb way because B-0
     $('<div id="bsCustomizerAlert" class="bs-customizer-alert">\
         <div class="container">\
           <a href="#bsCustomizerAlert" data-dismiss="alert" class="close pull-right">&times;</a>\
-          <span class="glyphicon glyphicon-warning-sign"></span>
-          <p class="bs-customizer-alert-text">' + msg + '</p>' +
+          <p class="bs-customizer-alert-text"><span class="glyphicon glyphicon-warning-sign"></span>' + msg + '</p>' +
           (err.extract ? '<pre class="bs-customizer-alert-extract">' + err.extract.join('\n') + '</pre>' : '') + '\
         </div>\
       </div>').appendTo('body').alert()
diff --git a/customize.html b/customize.html
index 8810b1ff80..7ee22bc08d 100644
--- a/customize.html
+++ b/customize.html
@@ -50,7 +50,7 @@ base_url: "../"
         </div>
         <div class="checkbox">
           <label>
-            <input type="checkbox" checked value="forms.less">
+            <input type="checkbox" checked value="forms.less" data-dependents="navbar.less,input-groups.less">
             Forms
           </label>
         </div>