From 994ce472743a07ee82ff8afc7af213211b896ac6 Mon Sep 17 00:00:00 2001
From: Anon Ray <rayanon004@gmail.com>
Date: Mon, 7 Jul 2014 19:01:54 +0530
Subject: [PATCH] Improving navbar UI for text-annotation page

---
 swtr/static/css/swtmaker.css |   17 +++++++++++++++++
 swtr/static/js/app.js        |   12 ++++++++----
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/swtr/static/css/swtmaker.css b/swtr/static/css/swtmaker.css
index ce08a03..ee308f1 100644
--- a/swtr/static/css/swtmaker.css
+++ b/swtr/static/css/swtmaker.css
@@ -64,3 +64,20 @@ body {
   z-index: 10000;
   background-color: rgba(255, 255, 255, 0.7);
 }
+
+
+/* text-annotation styles */
+
+#overlayBar {
+  background: #fff;
+  border-bottom: 1px solid #ccc;
+  left: 0;
+  opacity: 0.95;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+.nav-btn {
+  margin-left: 10px;
+}
diff --git a/swtr/static/js/app.js b/swtr/static/js/app.js
index 68d195c..a7dda5d 100644
--- a/swtr/static/js/app.js
+++ b/swtr/static/js/app.js
@@ -189,10 +189,14 @@ window.swtr = window.swtr || {};
       this.loadOverlayBar();
     },
     loadOverlayBar: function() {
-      var template = "<div id='overlayBar' class='navbar' style='background:grey;position:fixed; top:0px; left:0px;width:100%;'><div class='navbar-inner'><div class='container-fluid'>"+
-            "<a href='/' >Try a different website.</a>"+
-            "<button id='show-sweets' disabled='enabled' class='btn btn-default'>Sweets"+
-            "</button><button id='sign-in' class='btn btn-sm btn-primary'>Sign In</button><span id='signinview'></span></div></div></div>";
+      var template = "<div id='overlayBar' class='navbar'><a class='navbar-brand'>Swtr - Text Annotation</a>" +
+        "<div class='navbar-inner'><div class='container-fluid'>" +
+        "<button id='sign-in' class='btn btn-default navbar-btn pull-right'>Sign In</button>" +
+        "<button id='show-sweets' disabled='true' class='btn btn-primary navbar-btn'>Sweet</button>" +
+        "<a href='/' class='btn btn-default navbar-btn nav-btn'>Try a different website</a>"
+        "<span id='signinview' class='pull-right'></span>" +
+        "</div></div></div>";
+
       $(document.body).append(template);
     },
     signIn: function(e) {
-- 
1.7.10.4