fix up padding on small buttons, add button examples

4 files changed, 22 insertions, 5 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index c726bf0a3..71209d601 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2037,6 +2037,7 @@ table .span24 {
   display: inline-block;
   width: 14px;
   height: 14px;
+  margin-top: 1px;
   *margin-right: .3em;
   line-height: 14px;
   vertical-align: text-top;
@@ -3016,17 +3017,17 @@ button.close {
 }
 
 .btn-large [class^="icon-"] {
-  margin-top: 1px;
+  margin-top: 2px;
 }
 
 .btn-small {
-  padding: 5px 9px;
+  padding: 3px 9px;
   font-size: 12px;
   line-height: 18px;
 }
 
 .btn-small [class^="icon-"] {
-  margin-top: -1px;
+  margin-top: 0;
 }
 
 .btn-mini {
diff --git a/docs/base-css.html b/docs/base-css.html
index fb6616fb7..3ea3bdce3 100644
--- a/docs/base-css.html
+++ b/docs/base-css.html
@@ -967,7 +967,7 @@ For example, <code>section</code> should be wrapped as inline.
 </pre>
 
           <h3>Textarea</h3>
-          <p>Form control which supports multiple lines of text. Change <code>rows</code> attribute as necessary.</p>
+          <p>Form control which supports multiple lines of text. Change <code>row</code> attribute as necessary.</p>
           <form class="bs-docs-example form-inline">
             <textarea rows="3"></textarea>
           </form>
@@ -1446,6 +1446,10 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
               <button type="button" class="btn btn-large">Action</button>
             </p>
             <p>
+              <button type="button" class="btn btn-primary">Primary action</button>
+              <button type="button" class="btn">Action</button>
+            </p>
+            <p>
               <button type="button" class="btn btn-small btn-primary">Primary action</button>
               <button type="button" class="btn btn-small">Action</button>
             </p>
@@ -1457,6 +1461,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
 <pre class="prettyprint linenums">
 &lt;button class="btn btn-large" type="button"&gt;Large button&lt;/button&gt;
 &lt;button class="btn btn-small" type="button"&gt;Small button&lt;/button&gt;
+&lt;button class="btn" type="button"&gt;Default button&lt;/button&gt;
 &lt;button class="btn btn-mini" type="button"&gt;Mini button&lt;/button&gt;
 </pre>
           <p>Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.</p>
@@ -1740,6 +1745,7 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
                 <a class="btn" href="#"><i class="icon-align-right"></i></a>
                 <a class="btn" href="#"><i class="icon-align-justify"></i></a>
               </div>
+              <br><br>
               <div class="btn-group">
                 <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
                 <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
@@ -1751,6 +1757,8 @@ For example, &lt;code&gt;section&lt;/code&gt; should be wrapped as inline.
                   <li><a href="#"><i class="i"></i> Make admin</a></li>
                 </ul>
               </div>
+              <br><br>
+              <a class="btn btn-small" href="#"><i class="icon-star"></i></a>
             </div>
           </div>
 
diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 36f0d1ea5..4cc21e975 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -1383,6 +1383,10 @@
               <button type="button" class="btn btn-large">{{_i}}Action{{/i}}</button>
             </p>
             <p>
+              <button type="button" class="btn btn-primary">{{_i}}Primary action{{/i}}</button>
+              <button type="button" class="btn">{{_i}}Action{{/i}}</button>
+            </p>
+            <p>
               <button type="button" class="btn btn-small btn-primary">{{_i}}Primary action{{/i}}</button>
               <button type="button" class="btn btn-small">{{_i}}Action{{/i}}</button>
             </p>
@@ -1394,6 +1398,7 @@
 <pre class="prettyprint linenums">
 &lt;button class="btn btn-large" type="button"&gt;{{_i}}Large button{{/i}}&lt;/button&gt;
 &lt;button class="btn btn-small" type="button"&gt;{{_i}}Small button{{/i}}&lt;/button&gt;
+&lt;button class="btn" type="button"&gt;{{_i}}Default button{{/i}}&lt;/button&gt;
 &lt;button class="btn btn-mini" type="button"&gt;{{_i}}Mini button{{/i}}&lt;/button&gt;
 </pre>
           <p>{{_i}}Create block level buttons&mdash;those that span the full width of a parent&mdash; by adding <code>.btn-block</code>.{{/i}}</p>
@@ -1677,6 +1682,7 @@
                 <a class="btn" href="#"><i class="icon-align-right"></i></a>
                 <a class="btn" href="#"><i class="icon-align-justify"></i></a>
               </div>
+              <br><br>
               <div class="btn-group">
                 <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> {{_i}}User{{/i}}</a>
                 <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
@@ -1688,6 +1694,8 @@
                   <li><a href="#"><i class="i"></i> {{_i}}Make admin{{/i}}</a></li>
                 </ul>
               </div>
+              <br><br>
+              <a class="btn btn-small" href="#"><i class="icon-star"></i></a>
             </div>
           </div>{{! /bs-docs-example }}
 
diff --git a/less/buttons.less b/less/buttons.less
index 872b5aec1..204b1269e 100644
--- a/less/buttons.less
+++ b/less/buttons.less
@@ -84,7 +84,7 @@
 
 // Small
 .btn-small {
-  padding: 5px 9px;
+  padding: 3px 9px;
   font-size: @baseFontSize - 2px;
   line-height: @baseLineHeight - 2px;
 }