From 032cbca6511cd0e0bbd5d6a41993a7a3734efc37 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Mon, 26 Feb 2018 13:57:13 +0100
Subject: slightly improve custom acl selector

---
 view/js/acl.js                    | 4 ++--
 view/theme/redbasic/css/style.css | 9 ---------
 view/tpl/acl_selector.tpl         | 6 ++++--
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/view/js/acl.js b/view/js/acl.js
index c8f7c7180..e3183e8ca 100644
--- a/view/js/acl.js
+++ b/view/js/acl.js
@@ -173,7 +173,7 @@ ACL.prototype.on_custom = function(event) {
 	that.deny_cid  = [];
 	that.deny_gid  = [];
 
-	datasrc2src('#acl-list-content .acl-list-item img[data-src]');
+	datasrc2src('#acl-list-content .list-group-item img[data-src]');
 
 	that.update_view('custom');
 	that.on_submit();
@@ -399,7 +399,7 @@ ACL.prototype.get = function(start, count, search) {
 
 ACL.prototype.populate = function(data) {
 	$(data.items).each(function(){
-		html = "<div class='acl-list-item {4} {7} {5}' title='{6}' id='{2}{3}'>"+that.item_tpl+"</div>";
+		html = "<div class='list-group-item clearfix {4} {7} {5}' id='{2}{3}'>"+that.item_tpl+"</div>";
 		html = html.format(this.photo, this.name, this.type, this.xid, '', this.self, this.link, this.taggable);
 		if (this.uids !== undefined) {
 			that.group_uids[this.xid] = this.uids;
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 9af1c461e..818ee2a64 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -842,15 +842,6 @@ div.jGrowl div.jGrowl-notification {
 	font-family: ForkAwesome, sans-serif, arial, freesans;
 }
 
-.acl-list-item {
-	width: 100%;
-	padding: 0.5rem;
-	margin-bottom: 0.5rem;
-	border: 1px solid #ccc;
-	float: left;
-	border-radius: $radius;
-}
-
 .acl-item-header {
 	width: 100%;
 }
diff --git a/view/tpl/acl_selector.tpl b/view/tpl/acl_selector.tpl
index e032071b3..c8196ee78 100755
--- a/view/tpl/acl_selector.tpl
+++ b/view/tpl/acl_selector.tpl
@@ -37,9 +37,11 @@
 					</div>
 				</div>
 
-				<div class="acl-list-item" rel="acl-template" style="display:none">
+				<div class="acl-list-item list-group-item" rel="acl-template" style="display:none">
 					<div class="acl-item-header">
-						<img class="menu-img-1" data-src="{0}"> {1}
+						<img class="menu-img-3" data-src="{0}">
+						<span class="contactname">{1}</span>
+						<span class="dropdown-sub-text">{6}</span>
 					</div>
 					<button class="acl-button-hide btn btn-sm btn-outline-danger"><i class="fa fa-times"></i> {{$hide}}</button>
 					<button class="acl-button-show btn btn-sm btn-outline-success"><i class="fa fa-check"></i> {{$show}}</button>
-- 
cgit v1.2.3