From 5b0b63a8a48c0367c567074834d382ff89de274d Mon Sep 17 00:00:00 2001
From: Stephen Sawchuk <sawchuk@gmail.com>
Date: Wed, 20 May 2015 12:42:57 -0400
Subject: [PATCH] docs: add report-issue button to header

---
 docs/site/components/docs/docs.html       | 12 +------
 docs/site/components/subpage/subpage.html |  9 +++++
 docs/site/css/main.css                    | 40 ++++++++++++++++++++++-
 3 files changed, 49 insertions(+), 12 deletions(-)

diff --git a/docs/site/components/docs/docs.html b/docs/site/components/docs/docs.html
index af7af3e80ed..dff1e419138 100644
--- a/docs/site/components/docs/docs.html
+++ b/docs/site/components/docs/docs.html
@@ -1,15 +1,5 @@
 <script id="docs-header.html" type="text/ng-template">
-  <header header title="{{pageTitle}}">
-    <div class="row row--right">
-      <div class="col margin-vertical">
-        <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues/new"
-          class="v-btn skip-external-link">
-          <img src="site/img/icon-link-github.svg" />
-          Report an Issue
-        </a>
-      </div>
-    </div>
-  </header>
+  <header header title="{{pageTitle}}" />
 </script>
 
 <div subpage
diff --git a/docs/site/components/subpage/subpage.html b/docs/site/components/subpage/subpage.html
index b540da1fe64..895783c2587 100644
--- a/docs/site/components/subpage/subpage.html
+++ b/docs/site/components/subpage/subpage.html
@@ -6,7 +6,16 @@ <h1 class="logo">
         <span class="gcloud">gcloud</span>
       </a>
     </h1>
+
     <div language-switcher></div>
+
+    <div class="header--right">
+      <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues/new"
+        class="v-btn skip-external-link">
+        <img src="site/img/icon-link-github.svg" />
+        Report an Issue
+      </a>
+    </div>
   </header>
 
   <header ng-if="headerTemplateUrl" ng-include="headerTemplateUrl"></header>
diff --git a/docs/site/css/main.css b/docs/site/css/main.css
index d1143fc42d3..9b929900def 100755
--- a/docs/site/css/main.css
+++ b/docs/site/css/main.css
@@ -298,6 +298,32 @@ ul {
     padding: 0;
 }
 
+.header--right {
+    display: none;
+    position: absolute;
+}
+
+.page-header.fixed .v-btn {
+    background-color: #fff;
+    color: #444;
+    border-radius: 8px;
+    border: 0;
+    border-right: 2px solid #A0C2F4;
+    border-bottom: 2px solid #A0C2F4;
+    padding: 11px 10px;
+    font-size: .8em;
+    transition: border-color 1s, border-width .1s;
+}
+
+.page-header.fixed .v-btn:hover {
+    opacity: 1;
+    border-color: #aaa;
+}
+
+.page-header.fixed .v-btn:active {
+    border-width: 1px;
+}
+
 /*
  Logo
 */
@@ -1132,6 +1158,14 @@ ul {
    Modify as content requires.
    ========================================================================== */
 
+@media only screen and (min-width: 19em) {
+    .header--right {
+        display: block;
+        right: 54px;
+        top: 10px;
+    }
+}
+
 @media only screen and (min-width: 37em) {
 
     /*
@@ -1177,7 +1211,6 @@ ul {
         width: 0.6em;
         height: 0.6em;
     }
-
 }
 
 @media only screen and (min-width: 45em) {
@@ -1207,6 +1240,11 @@ ul {
         line-height: 70px;
     }
 
+    .header--right {
+        top: 20px;
+        right: 20px;
+    }
+
     /*
      Logo
     */