From 7483805f0c173a43df17f18e000a104242c10486 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 29 May 2018 13:13:35 -0400
Subject: [PATCH] Increasing min-width of modals for larger screens

---
 app/assets/stylesheets/common/base/modal.scss | 6 ++++++
 app/assets/stylesheets/desktop/login.scss     | 4 ----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/base/modal.scss b/app/assets/stylesheets/common/base/modal.scss
index 9a10486b76c..be3a495fcb2 100644
--- a/app/assets/stylesheets/common/base/modal.scss
+++ b/app/assets/stylesheets/common/base/modal.scss
@@ -81,12 +81,18 @@
 
 .modal-inner-container {
   display: table;
+  width: 100%;  
   min-width: 320px;
   max-width: 700px;
   margin: 0 auto;
   background-color: $secondary;
   background-clip: padding-box;
   box-shadow: shadow("modal");
+  
+  @media screen and (min-width: 475px) {
+    min-width: 475px;
+    width: auto;
+  }
 
   .select-kit {
     width: 220px;
diff --git a/app/assets/stylesheets/desktop/login.scss b/app/assets/stylesheets/desktop/login.scss
index a26fd54ffa7..0828ae0e693 100644
--- a/app/assets/stylesheets/desktop/login.scss
+++ b/app/assets/stylesheets/desktop/login.scss
@@ -23,10 +23,6 @@
     }
   }
 
-  .modal-inner-container {
-    min-width: 475px;
-  }
-
   #login-form {
     flex: 1 0 auto;
     padding: 0 15px;