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>

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 c36d02f0b8ac8ee5e967b7b09fb035368b37f4a2..ac67b5bb7b07555dc1c555bd662d617a88ad1e44 100644 (file)
--- 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;
 }