luci-app-banip: fix remaining css issues

* fix IE Edge rendering issues
* merge remaining external styles in central css

Signed-off-by: Dirk Brenken <dev@brenken.org>

diff --git a/applications/luci-app-banip/luasrc/view/banip/banip_css.htm b/applications/luci-app-banip/luasrc/view/banip/banip_css.htm
index 807102452cc7b4f7b8f2ab9288dd92608e510568..86efcc5f208a406a3738d843545167e9372d396d 100644 (file)
--- a/applications/luci-app-banip/luasrc/view/banip/banip_css.htm
+++ b/applications/luci-app-banip/luasrc/view/banip/banip_css.htm
@@ -1,6 +1,8 @@
 <style type="text/css">
        textarea
        {
+               width: 100%;
+               height: 450px;
                border: 1px solid #cccccc;
                padding: 5px;
                font-size: 12px;
@@ -51,16 +53,32 @@
        .cbi-section-table-row > .cbi-value-field [data-dynlist] > input,
        .table.cbi-section-table input[type="text"],
        .cbi-dynlist > .item,
-       .table.cbi-section-table input
+       .table.cbi-section-table input,
+       .cbi-dynlist
        {
+               display: inline-block;
                width: 6em;
+               margin: 1px;
+       }
+
+       .td.cbi-value-field .cbi-button
+       {
+               width: auto;
+               margin: 1px 0 1px -2px;
+       }
+
+       .btn,
+       .cbi-button,
+       .item::after
+       {
+               -webkit-appearance: menulist;
        }
 
        .cbi-input-checkbox
        {
                height: 1em;
        }
-       
+
        .cbi-input-text
        {
                text-align: left;
@@ -68,9 +86,9 @@
                outline: none;
                box-shadow: none;
                background: transparent;
-               width: 4em;
+               width: 6em;
        }
-       
+
        .runtime
        {
                color: #37c;
@@ -79,7 +97,7 @@
                width: 100%;
                padding-top: 0.5rem;
        }
-       
+
        .ripe_desc
        {
                font-style: italic;
@@ -88,4 +106,12 @@
                height: 20px;
                margin: 2px 2px;
        }
+
+       .button_running
+       {
+               display: inline-block;
+               width: 16px;
+               height: 16px;
+               margin: 0 5px;
+       }
 </style>

diff --git a/applications/luci-app-banip/luasrc/view/banip/runtime.htm b/applications/luci-app-banip/luasrc/view/banip/runtime.htm
index 041fcb143cbc6a375e1553c26a8b94718caa071a..65a58bd374beab4cafee375863f2e5462edbe51b 100644 (file)
--- a/applications/luci-app-banip/luasrc/view/banip/runtime.htm
+++ b/applications/luci-app-banip/luasrc/view/banip/runtime.htm
@@ -124,7 +124,7 @@ function btn_action(action)
        <label class="cbi-value-title" for="button_1"><%:Refresh IPSets%></label>
        <div class="cbi-value-field">
                <input class="cbi-button cbi-button-apply" id="btn1" type="button" name="do_refresh" value="<%:Refresh%>" onclick="btn_action(this)" />
-               <span id="btn1_running" style="display:inline-block; width:16px; height:16px; margin:0 5px"></span>
+               <span id="btn1_running" class="btn_running"></span>
        </div>
 </div>