Some more doc fixes woo

server/documents/collections/grid.html.eco

@@ -20,11 +20,13 @@ themes      : ['Default']
 
   <div class="ui active intro tab" data-tab="overview">
 
-    <h2 class="ui dividing header">Overview</h2>
     <div class="ui toggle animation checkbox">
       <input type="checkbox" name="animation" />
       <label>Toggle Animation</label>
     </div>
+
+    <h2 class="ui dividing header">Introduction</h2>
+
     <div class="highlighted example">
       <h4 class="ui header">Why Use Grids?</h4>
       <div class="ignored">
@@ -357,7 +359,7 @@ themes      : ['Default']
       <div class="ui ignored info message">
         <div class="ui header">Matching Column Widths on Nested Grids</div>
         <p>Each grid is divided into 16 columns, so a grid inside another grid column <b>sub-divides that column into sixteen more columns</b>.</p>
-        <p>This means, an <code>eight wide column</code> in grid located inside a <code>two wide column</code>, is the same width as a <code>one wide column</code> on the outer grid.</p>
+        <p>This means, an <code>eight wide column</code> in a nested grid located inside a <code>two wide column</code>, is the same width as a <code>one wide column</code> on the outer grid.</p>
       </div>
 
       <div class="ui two column page grid">

server/documents/elements/button.html.eco

@@ -22,7 +22,7 @@ themes      : ['Default', 'Classic', 'Basic', 'Raised', 'Chubby', 'Round', 'Amaz
   <div class="follow example">
     <h4 class="ui header">Button</h4>
     <p>A standard button</p>
-    <div class="ui button">
+    <div class="ui loading button">
       Follow
     </div>
   </div>
@@ -224,7 +224,10 @@ themes      : ['Default', 'Classic', 'Basic', 'Raised', 'Chubby', 'Round', 'Amaz
   <div class="example">
     <h4 class="ui header">Loading</h4>
     <p>A button can show a loading indicator</p>
-    <div class="ui loading button">Loading Button</div>
+    <div class="ui loading button">Loading</div>
+    <div class="ui basic loading button">Loading</div>
+    <div class="ui primary loading button">Loading</div>
+    <div class="ui secondary loading button">Loading</div>
   </div>
 
   <h2 class="ui dividing header">Variations</h2>

server/files/javascript/api.js

@@ -24,7 +24,7 @@ semantic.api.ready = function() {
   ;
 
   server.autoRespond = true;
-  server.autoRespondAfter = 300;
+  server.autoRespondAfter = 600;
 
   server
     .respondWith(/\/follow\/(\d+)/, [responseCode, headers, body])

server/files/stylesheets/semantic.css

@@ -680,11 +680,9 @@ body#example.hide {
 #example .intro .example > h4 ~ p,
 #example .intro .example > h4 ~ .ignored {
   margin: 1em 0em !important;
-  font-size: 14px;
 }
 
-#example .intro .example p {
-  font-size: 15px;
+#example .intro .example > p {
   color: rgba(0, 0, 0, 0.8);
 }