many style improvements

1 files changed, 9 insertions, 4 deletions

diff --git a/web/share/css/main.css b/web/share/css/main.css
index ce6fdb15..92959f25 100644
--- a/web/share/css/main.css
+++ b/web/share/css/main.css
@@ -90,12 +90,10 @@ img.inline-lamp {
 
 button,
 select {
-	box-shadow: none;
-	border: var(--border-key-thin);
+	border: none;
 	border-radius: 4px;
 	color: var(--cs-control-default-fg);
 	background-color: var(--cs-control-default-bg);
-	box-shadow: var(--shadow-micro);
 	display: block;
 	width: 100%;
 	height: 30px;
@@ -107,6 +105,11 @@ select {
 	padding-left: 5px;
 	padding-right: 25px;
 }
+button.key,
+select.key {
+	border: var(--border-key-thin);
+	box-shadow: var(--shadow-micro);
+}
 @media (hover: hover), (min--moz-device-pixel-ratio: 0) {
 	/* If we have a mouse cursor */
 	button:enabled:hover,
@@ -118,6 +121,9 @@ select {
 	select:active {
 		color: var(--cs-control-pressed-fg) !important;
 		background-color: var(--cs-control-pressed-bg) !important;
+	}
+	button.key:active,
+	select.key:active {
 		box-shadow: none;
 	}
 	select:enabled:hover {
@@ -154,7 +160,6 @@ select:disabled {
 }
 select:active {
 	color: var(--cs-control-intensive-fg) !important;
-	background-color: var(--cs-bg-control-intensive) !important;
 	background-image: url("../svg/select-arrow-intensive.svg") !important;
 }
 select option {