Some edge conditions, mobile styling

server/files/javascript/docs.js

@@ -1152,7 +1152,7 @@ semantic.ready = function() {
 
   handler.createIcon();
   $popupExample
-    .each(function() {
+/*    .each(function() {
       $(this)
         .popup({
           preserve: false,
@@ -1168,7 +1168,7 @@ semantic.ready = function() {
           target   : $(this).find('i.code')
         })
       ;
-    })
+    })*/
     .find('i.code')
       .on('click', handler.createCode)
   ;

server/files/stylesheets/docs.css

@@ -1708,6 +1708,10 @@ body.progress.animated .ui.progress .bar {
 #example .advertisement .carbon-img {
   width: 130px;
   margin-right: 0.75em;
+  -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
+      -ms-flex: 1 0 auto;
+          flex: 1 0 auto;
 }
 #example .advertisement .carbon-img img {
   display: block;
@@ -1971,4 +1975,8 @@ body.progress.animated .ui.progress .bar {
     display: none;
   }
 
+  #example .masthead .download.button {
+    margin-top: 1em;
+  }
+
 }

server/partials/header.html.eco

@@ -160,14 +160,7 @@
       <% for id, name of @tabs: %>
         <% tabCount++ %>
       <% end %>
-      <div class="<%= numbers[tabCount] %> ui menu">
+      <div class="ui <%= numbers[tabCount] %> stackable menu">
-        <% for id, name of @tabs: %>
-          <a class="<%= if index == 0 then 'active ' %>item" data-tab="<%= id %>"><%= name %></a>
-          <% index++ %>
-        <% end %>
-      </div>
-      <% index = 0 %>
-      <div class="fluid vertical ui menu">
         <% for id, name of @tabs: %>
           <a class="<%= if index == 0 then 'active ' %>item" data-tab="<%= id %>"><%= name %></a>
           <% index++ %>