From 372b1059c024635325c123d9fc5d7dd660ff2da5 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Thu, 20 Jan 2022 14:31:53 -0800
Subject: Reduce the breakpoint width for single column mode. closes #1688

---
 webroot/js/utils/constants.js | 2 +-
 webroot/styles/app.css        | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/webroot/js/utils/constants.js b/webroot/js/utils/constants.js
index adb59e04e..ddb4bf3f9 100644
--- a/webroot/js/utils/constants.js
+++ b/webroot/js/utils/constants.js
@@ -60,7 +60,7 @@ export const CHAT_KEY_MODIFIERS = ['Control', 'Shift', 'Meta', 'Alt'];
 export const MESSAGE_JUMPTOBOTTOM_BUFFER = 500;
 
 // app styling
-export const WIDTH_SINGLE_COL = 730;
+export const WIDTH_SINGLE_COL = 780;
 export const HEIGHT_SHORT_WIDE = 500;
 export const ORIENTATION_PORTRAIT = 'portrait';
 export const ORIENTATION_LANDSCAPE = 'landscape';
diff --git a/webroot/styles/app.css b/webroot/styles/app.css
index 8c20cf2c2..4ab87e826 100644
--- a/webroot/styles/app.css
+++ b/webroot/styles/app.css
@@ -354,12 +354,13 @@ header {
   background-color: transparent;
   padding: 0px;
   max-width: 740px;
+  min-width: 500px;
   width: 50%;
   overflow: hidden;
   box-sizing: border-box;
 }
 
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 700px) {
   .modal__container {
     width: 100%;
   }
-- 
cgit v1.2.3