From 9cc5014ae9b4ed1855ee9fe7514cdcb25b7eead8 Mon Sep 17 00:00:00 2001
From: Brock Whittaker <brock@zulipchat.com>
Date: Tue, 3 Oct 2017 12:11:01 -0700
Subject: [PATCH] media.css: Make min-width small enough to support iPhone 5.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This makes the min-width go down to the screen width of the iPhone 5
(320px) so that content doesn’t overflow.
---
 static/styles/media.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/static/styles/media.css b/static/styles/media.css
index 7a3df02fd8..18b14d947c 100644
--- a/static/styles/media.css
+++ b/static/styles/media.css
@@ -339,6 +339,13 @@
     .stream_row .description {
         display: none;
     }
+
+    body,
+    html,
+    .app-main,
+    .header-main {
+        min-width: 320px;
+    }
 }
 
 @media only screen and (min-device-width: 300px) and (max-device-width: 700px) {