Keep the search box from overflowing in skinny windows

A hack, but better than the status quo.

(imported from commit 3a523904ffee7b2c64e5fc118eeb8e2f7575541c)

zephyr/static/styles/zephyr.css

@@ -459,6 +459,16 @@ input.recipient_box {
 #search_query {
     width: 95%;
 }
+@media (max-width: 480px) {
+    /* This is a hack to keep the search box from overflowing outside the
+       message area -- really the formula should be something like
+       [message area width] - [search query horizontal overhead]
+       At narrow widths, the overhead is a larger % of the window width.
+       */
+    #search_query {
+        width: 90%;
+    }
+}
 
 .highlight {
     background-color: #FCEA81;