From 65231f48642572a6b04f1d6a52e669f505553f9e Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Fri, 23 Oct 2015 14:50:27 -0700
Subject: [PATCH] Shorten the search box

This keeps it the same width as the conversation list items.
Also make those overflow-y: scroll so that they are consistent
width, whether or not they are currently overflowing.

// FREEBIE
---
 stylesheets/_index.scss  | 3 ++-
 stylesheets/manifest.css | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index 156116e0..8d0e06cd 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -21,6 +21,7 @@
   margin: 10px 0;
   width: 300px;
   .conversations {
+    overflow-y: scroll;
     height: calc(100% - 20px);
     width: 100%;
   }
@@ -98,7 +99,7 @@ input.search {
 
   input.search {
     height: $header-height - 10px;
-    width: 280px;
+    width: 270px;
     background: rgba(255,255,255,0.2);
     margin: 10px;
     padding: 5px;
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 3ac7b8bf..41094b3e 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -421,6 +421,7 @@ img.emoji {
   margin: 10px 0;
   width: 300px; }
   .gutter .conversations {
+    overflow-y: scroll;
     height: calc(100% - 20px);
     width: 100%; }
 
@@ -476,7 +477,7 @@ input.search {
     background-color: #ebebeb; }
 .tool-bar input.search {
   height: 26px;
-  width: 280px;
+  width: 270px;
   background: rgba(255, 255, 255, 0.2);
   margin: 10px;
   padding: 5px; }