From 86fd9ca9e0238fc1f91cc01625d1c76618cd1c30 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 18 Oct 2016 12:10:05 +0200
Subject: [PATCH 1/2] fix list height and border to be as in Files

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 settings/css/settings.css | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 3cebcfb8d9..6dbaf6d7ae 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -239,8 +239,17 @@ table.grid {
 	width: 100%;
 }
 
-table.grid th { height:2em; color:#999; }
-table.grid th, table.grid td { border-bottom:1px solid #ddd; padding:0 .5em; padding-left:.8em; text-align:left; font-weight:normal; }
+table.grid th {
+	height: 2em;
+	color: #999;
+}
+table.grid th, table.grid td {
+	border-bottom: 1px solid #eee;
+	padding: 0 .5em;
+	padding-left: .8em;
+	text-align: left;
+	font-weight: normal;
+}
 td.name, td.password { padding-left:.8em; }
 td.password>img,td.displayName>img, td.remove>a, td.quota>img { visibility:hidden; }
 td.password, td.quota, td.displayName { width:12em; cursor:pointer; }
@@ -260,7 +269,12 @@ span.usersLastLoginTooltip { white-space: nowrap; }
 
 /* because of accessibility the name cell is <th> - therefore we enforce the black color */
 #userlist th.name {
-	color: #000000;
+	color: #000;
+}
+
+/* use same height as in files app */
+#userlist tr {
+	height: 51px;
 }
 
 #userlist .mailAddress .loading-small {

From 19456713fafeac4e68054a5ccbae326766970f3c Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 18 Oct 2016 12:14:38 +0200
Subject: [PATCH 2/2] improve look of Add group flow

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 settings/css/settings.css                   | 20 +++++++++++++-------
 settings/templates/users/part.grouplist.php |  2 +-
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 6dbaf6d7ae..00588beabc 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -184,17 +184,23 @@ table.nostyle td { padding: 0.2em 0; }
 	height: 44px;
 }
 #newgroupname {
-	margin: 6px;
-	width: 95%;
-	padding-right: 32px;
-	box-sizing: border-box
+	margin: 0;
+	width: 100%;
+	padding: 12px 40px 12px 12px;
+	box-sizing: border-box;
+	background-color: transparent;
+	border: none;
+	border-bottom: 1px solid #eee;
+	border-radius: 0;
 }
 #newgroup-form .button {
 	position: absolute;
 	right: 0;
-	top: 3px;
-	height: 32px;
-	width: 32px;
+	top: 0;
+	padding: 10px 20px;
+	background-color: transparent;
+	border: none;
+	opacity: .5;
 }
 
 .isgroup .groupname {
diff --git a/settings/templates/users/part.grouplist.php b/settings/templates/users/part.grouplist.php
index 22a3d6e78d..980cdab86c 100644
--- a/settings/templates/users/part.grouplist.php
+++ b/settings/templates/users/part.grouplist.php
@@ -7,7 +7,7 @@
 	</li>
 	<li id="newgroup-form" style="display: none">
 		<form>
-			<input type="text" id="newgroupname" placeholder="<?php p($l->t('Group')); ?>..." />
+			<input type="text" id="newgroupname" placeholder="<?php p($l->t('Group name')); ?> …" />
 			<input type="submit" class="button icon-add" value="" />
 		</form>
 	</li>