From c1f515d6ce502d94d3c40d4f3e3a5b28c231742e Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 2 Jun 2015 19:00:42 -0400
Subject: [PATCH] Some edge conditions, mobile styling

---
 server/files/javascript/docs.js   | 4 ++--
 server/files/stylesheets/docs.css | 8 ++++++++
 server/partials/header.html.eco   | 9 +--------
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/server/files/javascript/docs.js b/server/files/javascript/docs.js
index 1bfa16be1..a92cda418 100644
--- a/server/files/javascript/docs.js
+++ b/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)
   ;
diff --git a/server/files/stylesheets/docs.css b/server/files/stylesheets/docs.css
index 12a59230c..66dff9e9b 100755
--- a/server/files/stylesheets/docs.css
+++ b/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;
+  }
+
 }
diff --git a/server/partials/header.html.eco b/server/partials/header.html.eco
index 835eabf24..e624fa01b 100755
--- a/server/partials/header.html.eco
+++ b/server/partials/header.html.eco
@@ -160,14 +160,7 @@
       <% for id, name of @tabs: %>
         <% tabCount++ %>
       <% end %>
-      <div class="<%= numbers[tabCount] %> ui 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">
+      <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++ %>