From 2ffabdcdd9e4c2b4f8a68cbd30bef7dcae42f7be Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@nonnenberg.com>
Date: Tue, 6 Mar 2018 18:27:49 -0800
Subject: [PATCH] Delete data screen: Remove scrollbar when no convo selected

Turns out that the welcome screen had a min-height which caused weird
things when you take the window down to minimum height. It looked
particularly bad with the new full-screen delete data confirmation
screen.
---
 background.html         | 10 ++++++----
 stylesheets/_index.scss | 10 +++++++++-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/background.html b/background.html
index 19e1ca22681f..a5a4e9918391 100644
--- a/background.html
+++ b/background.html
@@ -85,10 +85,12 @@
     <div class='conversation-stack'>
       <div class='conversation placeholder'>
         <div class='conversation-header'></div>
-        <div class='content'>
-          <img src='images/icon_128.png' />
-          <h3>{{ welcomeToSignal }}</h3>
-          <p>{{ selectAContact }}</p>
+        <div class='container'>
+          <div class='content'>
+            <img src='images/icon_128.png' />
+            <h3>{{ welcomeToSignal }}</h3>
+            <p>{{ selectAContact }}</p>
+          </div>
         </div>
       </div>
     </div>
diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss
index a53d67d56e51..ba0b4eb039a7 100644
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@@ -247,8 +247,16 @@ input.search {
 
 .conversation.placeholder {
   text-align: center;
+  .container {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
   .content {
-    padding: 100px 36px;
+    display: inline-block;
   }
 
   h3 {