Make window unscrollable // Fixes #692

// FREEBIE

background.html

@@ -18,11 +18,13 @@
       </div>
     </div>
     <div class='gutter'>
+        <div class='content'>
           <div class='conversations scrollable inbox'></div>
           <div class='conversations scrollable search-results hide'>
             <div class='new-contact contact hide'></div>
           </div>
         </div>
+    </div>
     <div class='conversation-stack'>
       <div class='conversation placeholder'>
         <h3>{{ welcomeToSignal }}</h3>

stylesheets/_index.scss

@@ -1,7 +1,3 @@
-.gutter {
-  padding: $header-height 0 0;
-}
-
 .conversation-stack,
 .new-conversation, .inbox, .gutter {
   height: 100%;
@@ -14,11 +10,15 @@
 
 .gutter {
   float: left;
-  margin: 10px 0;
   width: 300px;
+  .content {
+    height: 100%;
+    padding: 46px 0 10px;
+  }
+
   .conversations {
     overflow-y: scroll;
-    height: calc(100% - 20px);
+    height: 100%;
     width: 100%;
   }
 }

stylesheets/manifest.css

@@ -383,9 +383,6 @@ img.emoji {
     text-align: center;
     font-size: 19px; }
 
-.gutter {
-  padding: 36px 0 0; }
-
 .conversation-stack,
 .new-conversation, .inbox, .gutter {
   height: 100%; }
@@ -396,11 +393,13 @@ img.emoji {
 
 .gutter {
   float: left;
-  margin: 10px 0;
   width: 300px; }
+  .gutter .content {
+    height: 100%;
+    padding: 46px 0 10px; }
   .gutter .conversations {
     overflow-y: scroll;
-    height: calc(100% - 20px);
+    height: 100%;
     width: 100%; }
 
 .socket-status {