From 80db1791db3726c84cb4f2c80c085f79c0a8ce2d Mon Sep 17 00:00:00 2001
From: emeric <itmfr@yahoo.fr>
Date: Wed, 12 Sep 2018 13:31:29 +0200
Subject: [PATCH] Better style for users panel

---
 approot/admin-users.xml | 13 +++++++++----
 docroot/css/lms.css     | 23 +++++++++++++++++++++++
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/approot/admin-users.xml b/approot/admin-users.xml
index 481a79bd..dc0b1eb2 100644
--- a/approot/admin-users.xml
+++ b/approot/admin-users.xml
@@ -5,13 +5,18 @@
 	<div class="page-header">
 		<h2>${tr:Lms.Admin.Users.users}</h2>
 	</div>
-	${users class="list-group"}
-	${add-btn class="btn-primary"}
+	${users}
+	${add-btn class="btn-primary Lms-admin-users-add-btn"}
 </message>
 
 <message id="Lms.Admin.Users.template.entry">
-	<div class="list-group-item">
-		${name} ${<if-tag>}<span class="badge">${tag}</span>${</if-tag>} ${<if-edit>}${edit-btn} ${del-btn class="btn-danger"}${</if-edit>}
+	<div class="row Lms-admin-users-entry Lms-vertical-align">
+		<div class="col-xs-7 Lms-vertical-align">
+			${name}${<if-tag>}<span class="badge Lms-admin-users-entry-role">${tag}</span>${</if-tag>}
+		</div>
+		<div class="col-xs-5 Lms-horizontal-center">
+			${<if-edit>}${edit-btn class="Lms-admin-users-entry-btn"}${del-btn class="btn-danger Lms-admin-users-entry-btn"}${</if-edit>}
+		</div>
 	</div>
 </message>
 
diff --git a/docroot/css/lms.css b/docroot/css/lms.css
index 0d16eb23..641d288f 100644
--- a/docroot/css/lms.css
+++ b/docroot/css/lms.css
@@ -23,6 +23,29 @@ a:hover {
 	margin-bottom: 8px;
 }
 
+.Lms-admin-users-entry {
+	min-height: 48px;
+	padding-top: 8px;
+	padding-bottom: 8px;
+}
+
+.Lms-admin-users-add-btn {
+	margin-top: 8px;
+	margin-bottom: 8px;
+}
+
+.Lms-admin-users-entry:hover {
+	background-color: lightgrey;
+}
+
+.Lms-admin-users-entry-role {
+	margin-left: 8px;
+}
+
+.Lms-admin-users-entry-btn {
+	margin-right: 8px;
+}
+
 .Lms-cluster {
 	display: inline;
 	cursor: pointer;