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
This commit is contained in:
lilia 2015-10-23 14:50:27 -07:00
parent 9be5efc571
commit 65231f4864
2 changed files with 4 additions and 2 deletions

View file

@ -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;

View file

@ -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; }