Fixes for docs issues with transition

Author: jlukic

server/documents/customize.html.eco

@@ -83,7 +83,7 @@ themes      : ['Default']
         </tbody>
       </table>
       <h3 class="ui header">Responsive Visibility</h3>
-      <p>Since variations in Semantic UI are only assigned in the scope of components, there are no "free floating" responsive class names, however some components include responsive variations to help ease responsive design. <a href=href="/collections/grid.html#device-visibility">Grid</a> for example, includes responsive classes for hiding or showing <code>column</code>, <code>row</code> based on device type.</p>
+      <p>Since variations in Semantic UI are only assigned in the scope of components, there are no "free floating" responsive class names, however some components include responsive variations to help ease responsive design. <a href="/collections/grid.html#device-visibility">Grid</a> for example, includes responsive classes for hiding or showing <code>column</code>, <code>row</code> based on device type.</p>
 
       <a href="/collections/grid.html#device-visibility" class="ui secondary button">See grid responsive variations <i class="right chevron icon"></i></a>
 

server/documents/download.html.eco

@@ -164,51 +164,37 @@ type        : 'UI Element'
     <p>A rail can have different sizes</p>
     <div class="ui segment">
       <div class="ui left mini rail">
-        <div class="ui segment">
-          Mini
-        </div>
+        Mini
       </div>
       <div class="ui right tiny rail">
-        <div class="ui segment">
-          Tiny
-        </div>
+        Tiny
       </div>
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
     </div>
     <div class="ui segment">
       <div class="ui left small rail">
-        <div class="ui segment">
-          Small
-        </div>
+        Small
       </div>
       <div class="ui right large rail">
-        <div class="ui segment">
-          Large
-        </div>
+        Large
       </div>
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
     </div>
     <div class="ui segment">
       <div class="ui left big rail">
-        <div class="ui segment">
-          Big
-        </div>
+        Big
       </div>
       <div class="ui right huge rail">
-        <div class="ui segment">
-          Huge
-        </div>
+        Huge
       </div>
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
     </div>
     <div class="ui segment">
       <div class="ui right massive rail">
-        <div class="ui segment">
-          Massive
-        </div>
+        Massive
       </div>
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">
       <img src="/images/wireframe/paragraph.png" class="ui wireframe image">

server/documents/elements/container.html.eco

@@ -145,6 +145,9 @@ type        : 'Main'
     <div class="no centering example">
       <h4 class="ui header">Arrow Aligment on Small Popups</h4>
       <p>Semantic <a href="/modules/popup.html">popups</a> now detects when horizontally aligning the popup on it's arrow is more reasonable than matching edges with a popup.</p>
+      <div class="ui info message">
+        To use this feature be sure to specify <code>movePopup: false</code> in your settings
+      </div>
       <img src="http://oi66.tinypic.com/2zr2ckk.jpg" class="ui image">
 
       <div class="ui divider"></div>
@@ -155,7 +158,7 @@ type        : 'Main'
     </div>
     <div class="complex-popup no example">
       <h4 class="ui header">Popups Support Multiple Coordinate Systems</h4>
-      <p>Popups now can correctly place elements with two different coordinate systems (created by a parent with <code>transform</code> or <code>positon</code> set.)</p>
+      <p>Popups now can correctly place elements with two different coordinate systems. These are typically caused by having a parent element with css properties <code>transform</code> or <code>position</code>.</p>
       <div id="one">
         <p>Button is in here</p>
         <div class="ui button">Button</div>