From f81acdbf0094c0dcd1567af2b4295d211c6a413c Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Thu, 5 Nov 2015 10:42:51 +0000
Subject: [PATCH] Hide navbar in mobile view and set box height to full
 viewport height.

---
 css/converse.css   | 2 +-
 css/theme.css      | 7 +++++++
 sass/_chatbox.scss | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/css/converse.css b/css/converse.css
index 85b4d3dfb..732e57764 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -1265,7 +1265,7 @@
       #conversejs .chatbox .box-flyout {
         height: 400px;
         width: 100%;
-        height: 88vh; } }
+        height: 99vh; } }
   #conversejs .chatbox .chat-title {
     color: white;
     line-height: 15px;
diff --git a/css/theme.css b/css/theme.css
index 6e196a49a..20afb3a7a 100644
--- a/css/theme.css
+++ b/css/theme.css
@@ -103,6 +103,13 @@ a:focus {
     border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   }
 }
+@media (max-width: 480px) {
+    .navbar {
+        display: none;
+    }
+}
+
+
 .features-section,
 .outro,
 .intro {
diff --git a/sass/_chatbox.scss b/sass/_chatbox.scss
index 886f8e983..041c9669b 100644
--- a/sass/_chatbox.scss
+++ b/sass/_chatbox.scss
@@ -73,7 +73,7 @@
             @media screen and (max-width: $mobile-landscape-length) {
                 height: $mobile-chat-height;
                 width: $mobile-chat-width;
-                height: 88vh;
+                height: 99vh;
             }
         }
         .chat-title {