Fix some typos, add inverted transparent input

server/documents/collections/table.html.eco

@@ -236,7 +236,7 @@ themes      : ['Default', 'Basic', 'Classic']
   <h3 class="ui header">Cells</h3>
   <div class="example">
     <h4 class="ui header">Error</h4>
-    <p>A cell or row may attention the user to an error or a negative value</p>
+    <p>A cell or row may call attention to an error or a negative value</p>
     <table class="ui table">
       <thead>
         <tr>
@@ -656,7 +656,7 @@ themes      : ['Default', 'Basic', 'Classic']
 
   <div class="example">
     <h4 class="ui header">Collapsing</h4>
-    <p>By default tables take the size of their container. A collapsing takes up only as much space as its rows.</p>
+    <p>A table can be collapsing, taking up only as much space as its rows.</p>
     <table class="ui collapsing table">
       <thead>
         <tr>
@@ -728,7 +728,7 @@ themes      : ['Default', 'Basic', 'Classic']
 
   <div class="example">
     <h4 class="ui header">Inverted</h4>
-    <p>A tables colors can be inverted</p>
+    <p>A table's colors can be inverted</p>
     <table class="ui inverted table">
       <thead>
         <tr>
@@ -802,7 +802,7 @@ themes      : ['Default', 'Basic', 'Classic']
     <div class="ui warning message">Adding a classname of <code>ascending</code> or <code>descending</code> to the <code>th</code> will show the user the direction of sort. This example uses a modified version of the kylefox's <a href="https://github.com/kylefox/jquery-tablesort">tablesort plugin</a> to provide the proper class names.
     </div>
 
-    <table class="ui sortable table">
+    <table class="ui sortable celled table">
       <thead>
         <tr>
           <th>Name</th>

server/documents/elements/input.html.eco

@@ -159,14 +159,14 @@ themes      : ['Default']
   </div>
   <div class="another example">
     <div class="ui transparent icon input">
-      <i class="search icon"></i>
       <input type="text" placeholder="Search...">
+      <i class="search icon"></i>
     </div>
   </div>
   <div class="another example">
     <div class="ui transparent left icon input">
-      <i class="search icon"></i>
       <input type="text" placeholder="Search...">
+      <i class="search icon"></i>
     </div>
   </div>
 
@@ -177,13 +177,15 @@ themes      : ['Default']
       <div class="ui inverted input">
         <input type="text" placeholder="Search...">
       </div>
-      <div class="ui inverted icon input">
-        <i class="search icon"></i>
-        <input type="text" placeholder="Search...">
-      </div>
+      <div class="ui inverted divider"></div>
       <div class="ui inverted left icon input">
+        <input type="text" placeholder="Search...">
         <i class="search icon"></i>
+      </div>
+      <div class="ui inverted divider"></div>
+      <div class="ui inverted transparent icon input">
         <input type="text" placeholder="Search...">
+        <i class="search icon"></i>
       </div>
     </div>
   </div>

server/documents/elements/loader.html.eco

@@ -53,8 +53,8 @@ themes      : ['Default', 'Duo', 'Pulsar']
   <h2 class="ui dividing header">States</h2>
 
   <div class="example">
-    <h4 class="ui header">Indeterminate Loader</h4>
-    <p>A loader can show its unsure of how long a task will take</p>
+    <h4 class="ui header">Indeterminate</h4>
+    <p>A loader can show it's unsure of how long a task will take</p>
     <div class="ui segment">
       <div class="ui active dimmer">
         <div class="ui indeterminate text loader">Preparing Files</div>

server/documents/modules/dropdown.html.eco

@@ -1123,6 +1123,8 @@ themes      : ['Default']
 
   <div class="ui tab" data-tab="examples">
 
+    <h2 class="ui header">Examples</h2>
+
     <div class="transition example">
       <h3 class="ui header">Changing Transitions</h3>
       <p>A dropdown can specify a different <a href="/modules/transition.html">transitions</a>.</p>