center the btn

components.html

@@ -108,9 +108,7 @@ base_url: "../"
           <a class="btn btn-link pull-left">
             Previous
           </a>
-          <a class="btn btn-link pull-right">
+          <a class="icon icon-refresh pull-right"></a>
-            Next
-          </a>
           <h1 class="title">Title</h1>
         </header>
       </div>
@@ -121,9 +119,7 @@ base_url: "../"
     <span class="icon icon-lg-left"></span>
     Previous
   </a>
-  <a class="pull-right">
+  <a class="icon icon-refresh pull-right"></a>
-    <span class="icon icon-refresh"></span>
-  </a>
   <h1 class="title">Title</h1>
 </header>
 {% endhighlight %}

docs-assets/css/docs.css

@@ -274,6 +274,7 @@ body {
 .docs-mini-footer {
   padding-top: 40px;
   padding-bottom: 40px;
+  margin: 0;
   color: #777;
 }
 

lib/sass/buttons.scss

@@ -170,7 +170,7 @@ input[type="button"] {
 // Add proper padding
 .bar .btn-block {
   padding: 7px 0 6px;
-  margin-top: 4px;
+  margin-top: 5px;
   margin-bottom: 0;
   font-size: 16px; // Scale down font size to fit in bar.
 }