refactoring

3 files changed, 53 insertions, 64 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;
diff --git a/kvmd/web/css/mobile.css b/kvmd/web/css/mobile.css
index fe306e77..f12e1f8c 100644
--- a/kvmd/web/css/mobile.css
+++ b/kvmd/web/css/mobile.css
@@ -28,10 +28,10 @@
 }
 
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	div.ctl-dropdown-content button, select {
+	button, select {
 		height: 45px !important;
 	}
-	div.ctl-dropdown-content button:enabled:hover, select:enabled:hover {
+	button:enabled:hover, select:enabled:hover {
 		color: var(--fg-color-normal) !important;
 		background-color: var(--bg-color-normal) !important;
 	}
diff --git a/kvmd/web/css/windows.css b/kvmd/web/css/windows.css
index fb866008..151ca59a 100644
--- a/kvmd/web/css/windows.css
+++ b/kvmd/web/css/windows.css
@@ -46,7 +46,6 @@ div.window-header-grabbed {
 }
 
 button.window-button-close {
-	outline: none;
 	position: absolute;
 	top: -2px;
 	right: -6px;
@@ -54,19 +53,5 @@ button.window-button-close {
 	height: 24px;
 	padding-left: 0;
 	color: var(--fg-color-inactive);
-	background-color: var(--bg-color-normal);
 	display: inline-block;
-	border: none;
-	cursor: pointer;
-}
-button.window-button-close:hover {
-	color: var(--fg-color-intensive);
-	background-color: var(--bg-color-dark) !important;
-}
-button.window-button-close:disabled {
-	color: var(--fg-color-inactive);
-	cursor: default;
-}
-button.window-button-close:active {
-	color: var(--fg-color-selected) !important;
 }