From f450ab6b5d406e6bc28611f1cd107fc83dc210ee Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 16 Dec 2020 00:41:36 -0500
Subject: [PATCH] UX: Make theme install modal more responsive (#11503)

* UX: Make theme install modal more responsive

* chrome fix
---
 .../common/admin/customize-install-theme.scss | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/admin/customize-install-theme.scss b/app/assets/stylesheets/common/admin/customize-install-theme.scss
index d7f30770299..70e65ae6562 100644
--- a/app/assets/stylesheets/common/admin/customize-install-theme.scss
+++ b/app/assets/stylesheets/common/admin/customize-install-theme.scss
@@ -1,6 +1,22 @@
+.admin-install-theme-modal {
+  .modal-inner-container {
+    width: 100%;
+  }
+}
+
 .install-theme {
-  min-width: 650px;
   display: flex;
+  @include breakpoint(mobile-extra-large) {
+    .install-theme-items {
+      flex: 0 0 150px;
+    }
+    .install-theme-content {
+      flex: 1 1 100%;
+    }
+    .select-kit {
+      width: 100%;
+    }
+  }
 }
 
 .install-theme-items {
@@ -48,6 +64,10 @@
 .install-theme-content {
   padding: 0px 0px 10px 20px;
   width: calc(100% - 200px);
+  input[type="file"] {
+    width: 100%;
+    overflow: hidden; // Chrome needs this
+  }
 }
 
 .repo {