luci-theme-bootstrap: add styling for input-adjacent buttons

Also add styling for CBI column title references.

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

1 files changed, 26 insertions, 6 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 a6ff0dc733..a85d95a95f 100644
--- a/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
+++ b/themes/luci-theme-bootstrap/htdocs/luci-static/bootstrap/cascade.css
@@ -598,12 +598,6 @@ textarea[readonly] {
 	cursor: default;
 }
 
-select[readonly],
-textarea[readonly] {
-	pointer-events: auto;
-	cursor: auto;
-}
-
 .cbi-optionals,
 .cbi-section-create {
 	padding: 0 0 10px 10px;
@@ -1457,6 +1451,32 @@ footer {
 	opacity: .6;
 }
 
+input[type="text"] + .cbi-button,
+input[type="password"] + .cbi-button,
+select + .cbi-button {
+	border-radius: 0 3px 3px 0;
+	border-color: #ccc;
+	margin: 0 0 1px -2px;
+	padding: 0 6px;
+	vertical-align: top;
+	height: 28px;
+	font-size: 14px;
+	font-weight: bold;
+	line-height: 28px;
+}
+
+select + .cbi-button {
+	border-left-color: transparent;
+}
+
+.cbi-title-ref {
+	color: #37c;
+}
+
+.cbi-title-ref::after {
+	content: "➙";
+}
+
 .cbi-tooltip-container {
 	cursor: help;
 }