Fix the customizer.js; Update alert styles for pre blocks

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);
 }
 
 

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()

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>