rename vertical-divider to divider-vertical, add more space around the divider

16 files changed, 18 insertions, 18 deletions

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 255d08950..7a2cddc35 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index da6440bd2..8d2743709 100644
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -308,7 +308,7 @@
   .navbar .nav > li > a {
     margin-bottom: 2px;
   }
-  .navbar .nav > .vertical-divider {
+  .navbar .nav > .divider-vertical {
     display: none;
   }
   .navbar .nav > li > a, .navbar .dropdown-menu a {
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index b6766f0aa..5a9068829 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2509,10 +2509,10 @@ button.btn.small, input[type="submit"].btn.small {
   background-color: #222222;
   background-color: rgba(0, 0, 0, 0.5);
 }
-.navbar .vertical-divider {
+.navbar .divider-vertical {
   height: 40px;
   width: 1px;
-  margin: 0 5px;
+  margin: 0 9px;
   overflow: hidden;
   background-color: #222222;
   border-right: 1px solid #333333;
diff --git a/docs/base-css.html b/docs/base-css.html
index 72eea8d67..22d6262ff 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/components.html b/docs/components.html
index f62d84b9a..dc01d07dd 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
@@ -694,7 +694,7 @@
           </form>
           <ul class="nav pull-right">
             <li><a href="#">Link</a></li>
-            <li class="vertical-divider"></li>
+            <li class="divider-vertical"></li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
               <ul class="dropdown-menu">
diff --git a/docs/download.html b/docs/download.html
index da442ac62..c19dc8f49 100644
--- a/docs/download.html
+++ b/docs/download.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="active">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/examples.html b/docs/examples.html
index 63570c7cb..43c0ad496 100644
--- a/docs/examples.html
+++ b/docs/examples.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="active">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/index.html b/docs/index.html
index 055f36028..a8fd8e31b 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/javascript.html b/docs/javascript.html
index 8e1569026..4297fe652 100644
--- a/docs/javascript.html
+++ b/docs/javascript.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/less.html b/docs/less.html
index 1242b66a1..90133b0f8 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -59,10 +59,10 @@
               <li class="active">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index 5f3cd4f43..9bb5d303b 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index b372820fd..6923be7dc 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -59,10 +59,10 @@
               <li class="{{less}}">
                 <a href="./less.html">{{_i}}Using LESS{{/i}}</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="{{download}}">
                 <a href="./download.html">{{_i}}Customize{{/i}}</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="{{examples}}">
                 <a href="./examples.html">{{_i}}Examples{{/i}}</a>
               </li>
diff --git a/docs/templates/pages/components.mustache b/docs/templates/pages/components.mustache
index 7fd1c1ac6..4997b2990 100644
--- a/docs/templates/pages/components.mustache
+++ b/docs/templates/pages/components.mustache
@@ -618,7 +618,7 @@
           </form>
           <ul class="nav pull-right">
             <li><a href="#">{{_i}}Link{{/i}}</a></li>
-            <li class="vertical-divider"></li>
+            <li class="divider-vertical"></li>
             <li class="dropdown">
               <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{_i}}Dropdown{{/i}} <b class="caret"></b></a>
               <ul class="dropdown-menu">
diff --git a/docs/upgrading.html b/docs/upgrading.html
index f4f848c11..b311cf499 100644
--- a/docs/upgrading.html
+++ b/docs/upgrading.html
@@ -59,10 +59,10 @@
               <li class="">
                 <a href="./less.html">Using LESS</a>
               </li>
+              <li class="divider-vertical"></li>
               <li class="">
                 <a href="./download.html">Customize</a>
               </li>
-              <li class="vertical-divider"></li>
               <li class="">
                 <a href="./examples.html">Examples</a>
               </li>
diff --git a/less/navbar.less b/less/navbar.less
index b677b192b..ccfbb6945 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -208,10 +208,10 @@
 }
 
 // Dividers (basically a vertical hr)
-.navbar .vertical-divider {
+.navbar .divider-vertical {
   height: @navbarHeight;
   width: 1px;
-  margin: 0 5px;
+  margin: 0 9px;
   overflow: hidden;
   background-color: @navbarBackground;
   border-right: 1px solid @navbarBackgroundHighlight;
diff --git a/less/responsive.less b/less/responsive.less
index 2ec57b478..4a9fc6fb8 100644
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -207,7 +207,7 @@
   .navbar .nav > li > a {
     margin-bottom: 2px;
   }
-  .navbar .nav > .vertical-divider {
+  .navbar .nav > .divider-vertical {
     display: none;
   }
   // Nav and dropdown links in navbar