1 files changed, 51 insertions, 47 deletions

diff --git a/kvmd/web/css/main.css b/kvmd/web/css/main.css
index 4ff39abe..289730b1 100644
--- a/kvmd/web/css/main.css
+++ b/kvmd/web/css/main.css
@@ -23,6 +23,53 @@ hr {
 	border-top: var(--normal-border);
 }
 
+button, select {
+	box-shadow: none;
+	border: none;
+	color: var(--fg-color-normal);
+	background-color: var(--bg-color-normal);
+	display: block;
+	width: 100%;
+	height: 30px;
+	font-size: 16px;
+	outline: none;
+	cursor: pointer;
+}
+button:enabled:hover, select:enabled:hover {
+	color: var(--fg-color-intensive);
+	background-color: var(--bg-color-dark) !important;
+}
+button:disabled, select:disabled {
+	color: var(--fg-color-inactive);
+	cursor: default;
+}
+button:active, select:active {
+	color: var(--fg-color-selected) !important;
+}
+
+select {
+	-webkit-appearance: button;
+	-moz-appearance: button;
+	appearance: button;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+	background-image: url("../svg/select-arrow-normal.svg");
+	background-position: center right;
+	background-repeat: no-repeat;
+}
+select:enabled:hover {
+	background-image: url("../svg/select-arrow-intensive.svg") !important;
+}
+select:disabled {
+	background-image: url("../svg/select-arrow-inactive.svg") !important;
+}
+select:active {
+	color: var(--fg-color-intensive) !important;
+	background-color: var(--bg-color-dark) !important;
+	background-image: url("../svg/select-arrow-intensive.svg") !important;
+}
+
 img#logo {
 	-webkit-filter: invert(0.7);
 	filter: invert(0.7);
@@ -86,57 +133,14 @@ div.ctl-dropdown-content {
 	box-shadow: var(--big-shadow);
 	z-index: 2147483645;
 }
-div.ctl-dropdown-content div.buttons-row {
-	margin: 0;
-	padding: 0;
-	font-size: 0;
-}
 div.ctl-dropdown-content button, select {
-	box-shadow: none;
-	border: none;
-	color: var(--fg-color-normal);
-	background-color: var(--bg-color-normal);
-	display: block;
-	width: 100%;
-	height: 30px;
-	font-size: 16px;
 	text-align: left;
 	padding: 0 16px;
-	outline: none;
-	cursor: pointer;
-}
-div.ctl-dropdown-content button:enabled:hover, select:enabled:hover {
-	color: var(--fg-color-intensive);
-	background-color: var(--bg-color-dark) !important;
-}
-div.ctl-dropdown-content button:disabled, select:disabled {
-	color: var(--fg-color-inactive);
-	cursor: default;
 }
-div.ctl-dropdown-content button:active, select:active {
-	color: var(--fg-color-selected) !important;
-}
-div.ctl-dropdown-content select {
-	-webkit-appearance: button;
-	-moz-appearance: button;
-	appearance: button;
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	user-select: none;
-	background-image: url("../svg/select-arrow-normal.svg");
-	background-position: center right;
-	background-repeat: no-repeat;
-}
-div.ctl-dropdown-content select:enabled:hover {
-	background-image: url("../svg/select-arrow-intensive.svg") !important;
-}
-div.ctl-dropdown-content select:disabled {
-	background-image: url("../svg/select-arrow-inactive.svg") !important;
-}
-div.ctl-dropdown-content select:active {
-	color: var(--fg-color-intensive) !important;
-	background-color: var(--bg-color-dark) !important;
-	background-image: url("../svg/select-arrow-intensive.svg") !important;
+div.ctl-dropdown-content div.buttons-row {
+	margin: 0;
+	padding: 0;
+	font-size: 0;
 }
 div.ctl-dropdown-content .row50 {
 	display: inline-block;