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>

2 files changed, 32 insertions, 6 deletions

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 807102452c..86efcc5f20 100644
--- 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 041fcb143c..65a58bd374 100644
--- 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>