From 0a14157c3b89bed878528bcbf66a145fb2f5455f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Wed, 18 Jul 2018 15:10:11 +0200
Subject: [PATCH] Add some responsiveness to the user management
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 settings/css/settings.scss | 28 ++++++++++------------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/settings/css/settings.scss b/settings/css/settings.scss
index 34afc6f6a41..4bba5afa788 100644
--- a/settings/css/settings.scss
+++ b/settings/css/settings.scss
@@ -1404,8 +1404,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;
-			grid-auto-columns: min-content;
+			grid-template-columns: 44px minmax(150px, 1fr) repeat(auto-fit, minmax(120px, 1fr)) 44px;
 			border-top: var(--color-border) 1px solid;
 			&.disabled {
 				opacity: .5;
@@ -1414,31 +1413,24 @@ doesnotexist:-o-prefocus, .strengthify-wrapper {
 			/* grid col width */
 			.name,
 			.displayName,
-			.password {
-				width: 150px;
-			}
+			.password,
 			.mailAddress,
 			.groups,
-			.subadmins {
-				width: 200px;
-			}
-			.quota {
-				width: 150px;
-			}
-			.languages {
-				width: 200px;
-			}
-			.storageLocation {
-				width: 250px;
-			}
+			.subadmins,
+			.quota,
+			.languages,
+			.storageLocation,
 			.userBackend,
 			.lastLogin {
-				width: 100px;
+				min-width: 120px;
 			}
 			.obfuscated {
 				width: 400px;
 				opacity: .7;
 			}
+			.userActions {
+				min-width: 44px;
+			}
 
 			/* various */
 			&#grid-header,