From c32a6a4d88313547d2eef1d8087118d70b124440 Mon Sep 17 00:00:00 2001
From: Waseem Daher <wdaher@humbughq.com>
Date: Tue, 9 Oct 2012 11:03:59 -0400
Subject: [PATCH] HTML cleanup since the two compose forms are now unified.

This also prevents the "bounciness" associated with the fact
that the stream/huddle selector was an absolutely positioned
div relative to the bottom of the compose window.

(imported from commit 413003a83c187efd45d0281f7cb6c9d0bd550674)
---
 templates/zephyr/home.html      | 23 ++++++++++-------------
 zephyr/static/styles/zephyr.css |  7 +++----
 2 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/templates/zephyr/home.html b/templates/zephyr/home.html
index 4053c9e4a9..52b1dc45eb 100644
--- a/templates/zephyr/home.html
+++ b/templates/zephyr/home.html
@@ -23,18 +23,10 @@
                     <div id="bottom_whitespace"></div>
                 </div>
 
-                <div class="tabbable zephyr_compose" id="zephyr_compose">
-                    <div class="tab-content">
+                <div class="zephyr_compose" id="zephyr_compose">
                         <div class="alert" id="send-status"></div>
                         <div class="close composebox-close" onclick="hide_compose()">&times;</div>
-                        <div id="stream_or_huddle">
-                          <ul class="nav nav-pills nav-stacked" id="zephyr-type-tabs">
-                            <li class="active"><a href="#class-message" data-toggle="pill">Stream</a></li>
-                            <li><a href="#personal-message" data-toggle="pill">Huddle</a></li>
-                          </ul>
-                        </div>
-                        <div class="tab-pane active">
-                            <div class="zephyr_comp">
+                        <div class="zephyr_comp">
                                 <form action="/send_message/" method="post" class="zephyr">
                                     <input type="hidden" name="type" value="class" id="new_message_type"/>
                                     {% csrf_token %}
@@ -59,7 +51,14 @@
                                             </td>
                                           </tr>
                                           <tr>
-                                            <td class="zephyr_picture"></td>
+                                            <td class="zephyr_picture">
+                                              <div id="stream_or_huddle">
+                                                <ul class="nav nav-pills nav-stacked" id="zephyr-type-tabs">
+                                                  <li class="active"><a href="#class-message" data-toggle="pill">Stream</a></li>
+                                                  <li><a href="#personal-message" data-toggle="pill">Huddle</a></li>
+                                                </ul>
+                                              </div>
+                                            </td>
                                             <td class="pointer"></td>
                                             <td class="messagebox">
                                               <div class="zephyr_content">
@@ -71,9 +70,7 @@
                                         </tbody>
                                     </table>
                                 </form>
-                            </div>
                         </div>
-                    </div>
                 </div>
     </div>
   </div>
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index ba32946c96..ae45ef8332 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -341,10 +341,9 @@ input.send_zephyr {
 }
 
 #stream_or_huddle {
-    position: absolute;
-    bottom: 21px;
-    left: 5px;
-    padding: 0.35em;
+    margin: 3px;
+    padding: 5px;
+    width: 90%;
     border: 1px solid grey;
 }