From 4a36834d3f10fee5e912b6205d75c820f70d5250 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Fri, 6 May 2016 10:42:38 +0200
Subject: use darker background colour only for searchbar

---
 view/theme/redbasic/css/style.css | 25 +++++++++++++++++--------
 view/tpl/acl_selector.tpl         | 10 +++++++---
 2 files changed, 24 insertions(+), 11 deletions(-)

(limited to 'view')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 48d93025b..ce55d60ee 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -925,9 +925,7 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
 #acl-search {
 	padding: 4px;
 	border: 1px solid #ccc;
-	width: 90%; /* fallback if browser does not support calc() */
-	width: calc(100% - 10px);
-	margin: 0px 0px 10px 10px;
+	width: 100%;
 }
 
 #acl-search::-webkit-input-placeholder {
@@ -961,16 +959,27 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
 }
 
 #acl-list {
-	display: block;
 	border: 1px solid #ccc;
+	-webkit-border-radius: $radiuspx ;
+	-moz-border-radius: $radiuspx;
+	border-radius: $radiuspx;
+}
+
+#acl-search-wrapper {
+	padding: 7px 10px;
+	background-color: $item_colour;
+	border-top-left-radius: $radiuspx;
+	border-top-right-radius: $radiuspx;
+	border-bottom: 1px solid #ccc;
+}
+
+#acl-list-content-wrapper {
+	display: block;
 	overflow: auto;
 	clear: both;
 	min-height: 62px;
 	padding: 10px 10px 0px 0px;
-	-webkit-border-radius: $radiuspx ;
-	-moz-border-radius: $radiuspx;
-	border-radius: $radiuspx;
-	background-color: rgb(238,238,238);
+
 }
 
 #jotnets-wrapper, #jotnets-collapse {
diff --git a/view/tpl/acl_selector.tpl b/view/tpl/acl_selector.tpl
index a3fe73d0c..75e89a0c6 100755
--- a/view/tpl/acl_selector.tpl
+++ b/view/tpl/acl_selector.tpl
@@ -34,9 +34,13 @@
 							<span id=acl-showlimited-caption>{{$showlimited}}</span>
 					    </label>
 						<div id="acl-list">
-							<input type="text" id="acl-search" placeholder="&#xf002; {{$search}}">
-							<div id=acl-showlimited-description>{{$showlimitedDesc}}</div>
-							<div id="acl-list-content"></div>
+							<div id="acl-search-wrapper">
+								<input type="text" id="acl-search" placeholder="&#xf002; {{$search}}">
+							</div>
+							<div id="acl-list-content-wrapper">
+								<div id=acl-showlimited-description>{{$showlimitedDesc}}</div>
+								<div id="acl-list-content"></div>
+							</div>
 						</div>
 					</div>
 
-- 
cgit v1.2.3


From b08fc746d81e9e486988439ae9a51918e9f9ee37 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Fri, 6 May 2016 10:55:11 +0200
Subject: use section-content-info-wrapper class for info text

---
 view/theme/redbasic/css/style.css | 9 ---------
 view/tpl/acl_selector.tpl         | 4 ++--
 2 files changed, 2 insertions(+), 11 deletions(-)

(limited to 'view')

diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index ce55d60ee..547fe9ec3 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -942,15 +942,6 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover {
 	padding-top: 10px;
 }
 
-#acl-dialog-description {
-	font-size: 90%;
-	color: #888;
-	padding-bottom: 4px;
-}
-#acl-dialog-description b {
-	color: black;
-}
-
 #acl-showlimited-description {
 	font-size: 90%;
 	color: #888;
diff --git a/view/tpl/acl_selector.tpl b/view/tpl/acl_selector.tpl
index 75e89a0c6..0df72747a 100755
--- a/view/tpl/acl_selector.tpl
+++ b/view/tpl/acl_selector.tpl
@@ -8,9 +8,9 @@
 				{{/if}}
 				<h4 class="modal-title"><i id="dialog-perms-icon" class="fa fa-fw"></i> {{$aclModalTitle}}</h4>
 			</div>
-			<div class="modal-body">
+			<div class="section-content-wrapper">
 				{{if $aclModalDesc}}
-					<div id="acl-dialog-description">{{$aclModalDesc}}</div>
+					<div id="acl-dialog-description" class="section-content-info-wrapper">{{$aclModalDesc}}</div>
 				{{/if}}
 				{{if $jotnets}}
 				<div class="jotnets-wrapper" role="tab" id="jotnets-wrapper">
-- 
cgit v1.2.3