From 42ac10b9c3f48fe022451351106aa33df63f4db1 Mon Sep 17 00:00:00 2001
From: Waseem Daher <wdaher@humbughq.com>
Date: Thu, 27 Sep 2012 15:18:12 -0400
Subject: [PATCH] Restyle narrowbar slightly.

This removes the duplicate 'x' and '<-' issue that Tim identified
previously.

(imported from commit 0572978731d12eb6689edec105f8e0e35c74f0e0)
---
 templates/zephyr/home.html      | 6 ++----
 zephyr/static/styles/zephyr.css | 7 ++++---
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/templates/zephyr/home.html b/templates/zephyr/home.html
index 16b75b2f94..2c775db15c 100644
--- a/templates/zephyr/home.html
+++ b/templates/zephyr/home.html
@@ -17,10 +17,8 @@
                     </table>
                     <br/><br/>
                     <div class="row" id="narrowbox">
-                        <div class="input-prepend input-append pull-left">
-                            <button id="show_all_messages" class="btn" disabled=disabled onclick="show_all_messages()"><i class="icon-arrow-left"></i></button>
-                            <span class="add-on"><span class="badge"><span id="currently_narrowed_to"></span><i class="badge_close_button icon-remove-sign icon-white" onclick="show_all_messages()"></i></span></span>
-                        </div>
+                      <span>Showing </span>
+                      <span class="badge"><span id="currently_narrowed_to"></span><i class="badge_close_button icon-remove-sign icon-white" onclick="show_all_messages()"></i></span>
                     </div>
                     <div id="bottom_whitespace"></div>
                 </div>
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 0860b10f5a..7e037a2eb8 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -276,11 +276,12 @@ input.send_zephyr {
 #narrowbox {
     position: fixed;
     display: none;
-    padding-left: 2px;
+    padding: 5px 10px;
+    border: 1px solid black;
     /* .zephyr_list width + ??? */
-    width: 648px;
+    width: 628px;
     margin: 0 auto;
-    background-color: #EEE;
+    background-color: #DDD;
     text-decoration: none;
     top: 0px;
 }