Merge pull request #534 from locustio/ui-more-header-space

Web UI: Free up header space
locustio · Feb 13, 2017 · 17932bb · 17932bb
2 parents 4c765b6 + 09ed67f
commit 17932bb
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/locust/static/img/logo.png b/locust/static/img/logo.png
diff --git a/locust/static/style.css b/locust/static/style.css
@@ -278,3 +278,15 @@ ul.tabs li a.current {
     padding: 30px;
     padding-top: 0px;
 }
+
+.footer {
+    position: absolute;
+    bottom: 0;
+    padding: 8px 0;
+    border-top: 1px solid #292f2f;
+    width: 100%;
+    text-align: right;
+}
+
+.footer a { margin-right: 10px; }
+.footer a:last-child { margin-right: 18px; }
diff --git a/locust/templates/index.html b/locust/templates/index.html
@@ -8,7 +8,7 @@
 <body class="{{state}}">
     <div class="top">
         <div class="top_content">
-            <img src="/static/img/logo.png" class="logo" onclick="$('.about').fadeIn();" />
+            <a href="/"><img src="/static/img/logo.png" class="logo" /></a>
             <div class="boxes">
                 <div class="top_box box_status">
                     <div class="label">STATUS</div>
@@ -175,6 +175,10 @@ <h1>Version</h1>
             </div>
         </div>
     </div>
+    <nav class="footer">
+        <a href="#" onclick="$('.about').fadeIn();">About</a>
+    </nav>
+
 
     <script type="text/javascript" src="/static/jquery-1.4.min.js"></script>
     <script type="text/javascript" src="/static/jquery.jqote2.min.js"></script>