From 771672ff7a654439dfe3b7b8661c90a1cca0ac6c Mon Sep 17 00:00:00 2001
From: Dirk Brenken <dev@brenken.org>
Date: Wed, 25 Jul 2018 21:39:22 +0200
Subject: luci-app-adblock: small visual fixes

* made readonly textarea (logview) scrollable again (bootstrap theme)
* align "Query" input button

Signed-off-by: Dirk Brenken <dev@brenken.org>
---
 .../luci-app-adblock/luasrc/view/adblock/logread.htm    | 17 ++++++++++++++++-
 .../luci-app-adblock/luasrc/view/adblock/query.htm      |  6 +++---
 2 files changed, 19 insertions(+), 4 deletions(-)

(limited to 'applications/luci-app-adblock')

diff --git a/applications/luci-app-adblock/luasrc/view/adblock/logread.htm b/applications/luci-app-adblock/luasrc/view/adblock/logread.htm
index bb8d652fb..b50523349 100644
--- a/applications/luci-app-adblock/luasrc/view/adblock/logread.htm
+++ b/applications/luci-app-adblock/luasrc/view/adblock/logread.htm
@@ -4,6 +4,21 @@ This is free software, licensed under the Apache License, Version 2.0
 -%>
 
 <%+header%>
+<style type="text/css">
+	select[readonly],
+	textarea[readonly]
+	{
+		width: 100%;
+		height: 450px;
+		border: 1px solid #cccccc;
+		padding: 5px;
+		font-size: 12px;
+		font-family: monospace;
+		resize: none;
+		pointer-events: auto;
+		cursor: auto;
+	}
+</style>
 
 <script type="text/javascript">
 //<![CDATA[
@@ -28,7 +43,7 @@ This is free software, licensed under the Apache License, Version 2.0
 <div class="cbi-map">
 	<div class="cbi-section">
 		<div class="cbi-section-descr"><%:The syslog output, pre-filtered for adblock related messages only.%></div>
-		<textarea id="view_id" style="width:100%;height:450px;border:1px solid #cccccc;padding:5px;font-size:12px;font-family:monospace;resize:none;" readonly="readonly" wrap="off" value=""></textarea>
+		<textarea id="view_id" readonly="readonly" wrap="off" value=""></textarea>
 	</div>
 </div>
 
diff --git a/applications/luci-app-adblock/luasrc/view/adblock/query.htm b/applications/luci-app-adblock/luasrc/view/adblock/query.htm
index 1fcd14580..2cf7e5baa 100644
--- a/applications/luci-app-adblock/luasrc/view/adblock/query.htm
+++ b/applications/luci-app-adblock/luasrc/view/adblock/query.htm
@@ -1,5 +1,5 @@
 <%#
-Copyright 2017 Dirk Brenken (dev@brenken.org)
+Copyright 2017-2018 Dirk Brenken (dev@brenken.org)
 This is free software, licensed under the Apache License, Version 2.0
 -%>
 
@@ -12,7 +12,7 @@ This is free software, licensed under the Apache License, Version 2.0
 	function update_status(data)
 	{
 		var domain = data.value;
-		var input = document.getElementById('query_input');
+		var input  = document.getElementById('query_input');
 		var output = document.getElementById('query_output');
 
 		if (input && output)
@@ -48,7 +48,7 @@ This is free software, licensed under the Apache License, Version 2.0
 		<div class="cbi-section">
 			<div class="cbi-section-descr"><%:This form allows you to query active block lists for certain domains, e.g. for whitelisting.%></div>
 			<div style="width:33%; float:left;">
-				<input style="margin: 5px 0" type="text" value="google.com" name="input" />
+				<input type="text" value="google.com" name="input" />
 				<input type="button" value="<%:Query%>" class="cbi-button cbi-button-apply" onclick="update_status(this.form.input)" />
 			</div>
 			<br style="clear:both" />
-- 
cgit v1.2.3