From 3e928cec484235116a427e3519f0bdf3c908b151 Mon Sep 17 00:00:00 2001
From: Reid Barton <rwbarton@humbughq.com>
Date: Thu, 17 Jan 2013 10:50:06 -0500
Subject: [PATCH] Simplify navbar at phone size in lurk mode

(imported from commit b4e7336174d4cde4947c96fa82473c311c6ed2b5)
---
 templates/zephyr/index.html     | 18 ++++++++++++++++--
 zephyr/static/styles/zephyr.css |  9 +++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/templates/zephyr/index.html b/templates/zephyr/index.html
index 13c921bd7c..d124f338a8 100644
--- a/templates/zephyr/index.html
+++ b/templates/zephyr/index.html
@@ -111,8 +111,22 @@ var people_list = [
                      src="https://secure.gravatar.com/avatar/{{ email_hash }}?d=identicon&s=30" />
               </span>
               <span class="my_fullname">{{ user_profile.full_name }}</span>
-              <span class="my_email">{{ user_profile.user.email }}</span>
-              <ul class="nav nav-pills nav-stacked" id="sidebar">
+              <span class="my_email {% if lurk_stream %}hidden-phone{% endif %}">{{ user_profile.user.email }}</span>
+              {% if lurk_stream %}
+              <ul class="nav nav-pills visible-phone lurk-navbar-phone">
+                <li title="Keyboard shortcuts">
+                  <a href="#keyboard-shortcuts" role="button" data-toggle="modal">
+                    <i class="icon-info-sign"></i>
+                  </a>
+                </li>
+                <li title="Home">
+                  <a href="/" target="_blank" role="button">
+                    <i class="icon-home"></i>
+                  </a>
+                </li>
+              </ul>
+              {% endif %}
+              <ul class="nav nav-pills nav-stacked {% if lurk_stream %}hidden-phone{% endif %}" id="sidebar">
                 <li title="Home" class="active">
                   <a href="#home" data-toggle="pill" onclick="narrow.restore_home_state();">
                     <i class="icon-home"></i>
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 326fbbb8f3..f8f8649324 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -51,6 +51,15 @@ ul#sidebar {
     margin-bottom: 0px;
 }
 
+ul.lurk-navbar-phone {
+    float: right;
+    margin-bottom: 0px;
+}
+
+ul.lurk-navbar-phone li {
+    display: inline;
+}
+
 #nav_whitespace {
     visibility: hidden;
 }