luci-theme-bootstrap: add various CSS tweaks

 - Apply the same style to <button> and <input type="button"> elements
 - Increase width of modal CBI dialogs

Signed-off-by: Jo-Philipp Wich <jo@mein.io>

1 files changed, 7 insertions, 3 deletions

diff --git a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
index c36d02f0b8..ac67b5bb7b 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -410,6 +410,7 @@ form .clearfix:after,
 
 label,
 input,
+button,
 select,
 textarea {
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -580,13 +581,13 @@ textarea {
 	color: #bfbfbf;
 }
 
-.item::after, .btn, .cbi-button, input, textarea {
+.item::after, .btn, .cbi-button, input, button, textarea {
 	transition: border linear 0.2s, box-shadow linear 0.2s;
 	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
 }
 
 .item:hover::after,
-.btn:hover, .cbi-button:hover,
+.btn:hover, .cbi-button:hover, button:hover,
 input:focus, textarea:focus {
 	outline: 0;
 	border-color: rgba(82, 168, 236, 0.8) !important;
@@ -600,9 +601,11 @@ input[type=file]:focus, input[type=checkbox]:focus, select:focus {
 }
 
 input[disabled],
+button[disabled],
 select[disabled],
 textarea[disabled],
 input[readonly],
+button[readonly],
 select[readonly],
 textarea[readonly] {
 	background-color: #f5f5f5;
@@ -2049,7 +2052,8 @@ div.cbi-value var,
 	color: #0069d6;
 }
 
-#modal_overlay > .modal.uci-dialog {
+#modal_overlay > .modal.uci-dialog,
+#modal_overlay > .modal.cbi-modal {
 	max-width: 900px;
 }