From 2bcd3a8e4d6a5a964c3b52db03cd3e07f285e9a0 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Sun, 12 Nov 2017 02:50:28 -0800
Subject: [PATCH] Add a hack to stretch the multi-select box a bit

---
 webadmin/src/theme.scss      | 6 ++++++
 webadmin/src/views/apps.html | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/webadmin/src/theme.scss b/webadmin/src/theme.scss
index ed6d4a091..1a1f91396 100644
--- a/webadmin/src/theme.scss
+++ b/webadmin/src/theme.scss
@@ -306,6 +306,12 @@ h1, h2, h3 {
     max-width: 100%;
 }
 
+multiselect.stretch {
+    button {
+        min-width: 120px;
+    }
+}
+
 // ----------------------------
 // Appstore view
 // ----------------------------
diff --git a/webadmin/src/views/apps.html b/webadmin/src/views/apps.html
index e76711b85..c15f8b92a 100644
--- a/webadmin/src/views/apps.html
+++ b/webadmin/src/views/apps.html
@@ -96,12 +96,12 @@
                                 <div style="margin-left: 20px;">
                                     <div class="col-md-5">
                                         Users:
-                                        <multiselect class="input-sm" ng-model="appConfigure.accessRestriction.users" ng-disabled="appConfigure.accessRestrictionOption !== 'groups'" options="user.username for user in users" data-multiple="true"></multiselect>
+                                        <multiselect class="input-sm stretch" ng-model="appConfigure.accessRestriction.users" ng-disabled="appConfigure.accessRestrictionOption !== 'groups'" options="user.username for user in users" data-multiple="true"></multiselect>
                                     </div>
 
                                     <div class="col-md-5">
                                         Groups:
-                                        <multiselect class="input-sm" ng-model="appConfigure.accessRestriction.groups" ng-disabled="appConfigure.accessRestrictionOption !== 'groups'" options="group.name for group in (groups | ignoreAdminGroup)" data-multiple="true"></multiselect>
+                                        <multiselect class="input-sm stretch" ng-model="appConfigure.accessRestriction.groups" ng-disabled="appConfigure.accessRestrictionOption !== 'groups'" options="group.name for group in (groups | ignoreAdminGroup)" data-multiple="true"></multiselect>
                                     </div>
                                 </div>
                             </div>