From 100b9981b46323bf58a05f2d6f72b3cef1430a7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Tue, 30 Apr 2019 08:58:55 +0200
Subject: [PATCH] Fix multiselect min width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 settings/css/settings.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/settings/css/settings.scss b/settings/css/settings.scss
index 8d38e71460..e0d22e3700 100644
--- a/settings/css/settings.scss
+++ b/settings/css/settings.scss
@@ -1336,6 +1336,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 /* USERS LIST -------------------------------------------------------------- */
 #body-settings {
 	$grid-row-height: 46px;
+	$grid-col-min-width: 120px;
 	#app-content.user-list-grid {
 		display: grid;
 		grid-auto-columns: 1fr;
@@ -1351,7 +1352,7 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 			align-items: center;
 			/* let's define the column until storage path,
 			   what follows will be manually defined  */
-			grid-template-columns: 44px minmax(150px, 1fr) repeat(auto-fit, minmax(120px, 1fr));
+			grid-template-columns: 44px minmax($grid-col-min-width + 30px, 1fr) repeat(auto-fit, minmax($grid-col-min-width, 1fr));
 			border-bottom: var(--color-border) 1px solid;
 			&.disabled {
 				opacity: .5;
@@ -1362,14 +1363,18 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 			.displayName,
 			.password,
 			.mailAddress,
-			.groups,
-			.subadmins,
-			.quota,
 			.languages,
 			.storageLocation,
 			.userBackend,
 			.lastLogin {
-				min-width: 120px;
+				min-width: $grid-col-min-width;
+			}
+			.groups,
+			.subadmins,
+			.quota {
+				.multiselect {
+					min-width: $grid-col-min-width;
+				}
 			}
 			.obfuscated {
 				width: 400px;