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>

diff --git a/applications/luci-app-adblock/luasrc/view/adblock/logread.htm b/applications/luci-app-adblock/luasrc/view/adblock/logread.htm
index bb8d652fbc21dbe41c0f320da71d83b4481f81fc..b5052334909c42c48d710df93ad5623876749660 100644 (file)
--- 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 1fcd145803bbb46c761c6404d408c029389d721b..2cf7e5baaf04b86fc1d713a712e80d43ffbbdf7e 100644 (file)
--- 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" />