fixed css selectors

6 files changed, 45 insertions, 19 deletions

diff --git a/web/share/css/keypad.css b/web/share/css/keypad.css
index c0370fd4..abd01578 100644
--- a/web/share/css/keypad.css
+++ b/web/share/css/keypad.css
@@ -41,14 +41,17 @@ div.keypad div.keypad-row:last-child {
 	margin-bottom: 0;
 }
 
-div.keypad div.key, div.modifier, div.empty-key {
+div.keypad div.key,
+div.keypad div.modifier,
+div.keypad div.empty-key {
 	box-sizing: border-box;
 	display: inline-block;
 	margin-right: 5px;
 	padding: 0;
 	width: 40px;
 }
-div.keypad div.key, div.modifier {
+div.keypad div.key,
+div.keypad div.modifier {
 	font-size: 0.9em;
 	text-align: center;
 	vertical-align: top;
@@ -60,7 +63,8 @@ div.keypad div.key, div.modifier {
 	cursor: pointer;
 	height: 40px;
 }
-div.keypad div.key:hover, div.modifier:hover {
+div.keypad div.key:hover,
+div.keypad div.modifier:hover {
 	color: var(--cs-key-hovered-fg);
 	background-color: var(--cs-key-hovered-bg);
 }
@@ -74,7 +78,9 @@ div.keypad div.holded {
 	color: var(--cs-key-default-fg) !important;
 	background-color: var(--cs-key-holded-bg) !important;
 }
-div.keypad div.key:last-child, div.empty-key:last-child, div.modifier:last-child {
+div.keypad div.key:last-child,
+div.keypad div.empty-key:last-child,
+div.keypad div.modifier:last-child {
 	margin-right: 0;
 }
 div.keypad div.margin-0 {
@@ -127,7 +133,8 @@ div.keypad b {
 		zoom: 1.28 !important;
 	}
 
-	div.keypad div.key:hover, div.modifier:hover {
+	div.keypad div.key:hover,
+	div.keypad div.modifier:hover {
 		color: var(--cs-key-default-fg);
 		background-color: var(--cs-key-default-bg);
 	}
diff --git a/web/share/css/kvm/msd.css b/web/share/css/kvm/msd.css
index 11f02c39..1d15eba7 100644
--- a/web/share/css/kvm/msd.css
+++ b/web/share/css/kvm/msd.css
@@ -24,7 +24,9 @@ div#msd-menu {
 	width: 450px;
 }
 
-div#msd-menu .msd-feature-disabled, div.msd-message, input.msd-message {
+div#msd-menu .msd-feature-disabled,
+div#msd-menu div.msd-message,
+div#msd-menu input.msd-message {
 	display: none;
 }
 
diff --git a/web/share/css/login/login.css b/web/share/css/login/login.css
index 05d9bae5..ac4a795c 100644
--- a/web/share/css/login/login.css
+++ b/web/share/css/login/login.css
@@ -42,6 +42,7 @@ div#login {
 	padding: 15px;
 }
 
-input[type="text"]#user-input, input[type="password"]#passwd-input {
+input[type="text"]#user-input,
+input[type="password"]#passwd-input {
 	text-align: center;
 }
diff --git a/web/share/css/main.css b/web/share/css/main.css
index 5262bb99..a7de5c7b 100644
--- a/web/share/css/main.css
+++ b/web/share/css/main.css
@@ -81,7 +81,8 @@ img.svg-gray {
 	vertical-align: middle;
 }
 
-button, select {
+button,
+select {
 	box-shadow: none;
 	border: var(--border-key-thin);
 	border-radius: 4px;
@@ -97,11 +98,13 @@ button, select {
 }
 @media (hover: hover), (min--moz-device-pixel-ratio: 0) {
 	/* If we have a mouse cursor */
-	button:enabled:hover, select:enabled:hover {
+	button:enabled:hover,
+	select:enabled:hover {
 		color: var(--cs-control-hovered-fg);
 		background-color: var(--cs-control-hovered-bg);
 	}
-	button:active, select:active {
+	button:active,
+	select:active {
 		color: var(--cs-control-pressed-fg) !important;
 		background-color: var(--cs-control-pressed-bg) !important;
 		box-shadow: none;
@@ -112,12 +115,14 @@ button, select {
 }
 @media (hover: none) {
 	/* If we DON'T have a mouse cursor */
-	button:active, select:active {
+	button:active,
+	select:active {
 		color: var(--cs-control-hovered-fg);
 		background-color: var(--cs-control-hovered-bg);
 	}
 }
-button:disabled, select:disabled {
+button:disabled,
+select:disabled {
 	color: var(--cs-control-disabled-fg);
 	cursor: default;
 }
@@ -153,7 +158,10 @@ input[type=text], input[type=password] {
 }
 
 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
-	button, select, input[type=text], input[type=password] {
+	button,
+	select,
+	input[type=text],
+	input[type=password] {
 		height: 45px !important;
 	}
 }
@@ -176,12 +184,16 @@ div.buttons-row {
 	display: inline-block;
 	width: 16.66%
 }
-.row50:not(:first-child), .row25:not(:first-child), .row16:not(:first-child) {
+.row50:not(:first-child),
+.row25:not(:first-child),
+.row16:not(:first-child) {
 	border-top-left-radius: 0;
 	border-bottom-left-radius: 0;
 	border-left: var(--border-control-thin) !important;
 }
-.row50:not(:last-child), .row25:not(:last-child), .row16:not(:last-child) {
+.row50:not(:last-child),
+.row25:not(:last-child),
+.row16:not(:last-child) {
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 0;
 }
diff --git a/web/share/css/menu.css b/web/share/css/menu.css
index 8e7663e7..5a7b9d22 100644
--- a/web/share/css/menu.css
+++ b/web/share/css/menu.css
@@ -76,12 +76,14 @@ ul#menu li a.menu-item {
 	text-decoration: none;
 }
 
-ul#menu li a#menu-logo:hover:not(.active), a.menu-item:hover:not(.active) {
+ul#menu li a#menu-logo:hover:not(.active),
+ul#menu li a.menu-item:hover:not(.active) {
 	background-color: var(--cs-menu-hovered-bg);
 }
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
 	/* iPad 8 */
-	ul#menu li a#menu-item:hover:not(.active), a.menu-item:hover:not(.active) {
+	ul#menu li a#menu-item:hover:not(.active),
+	ul#menu li a.menu-item:hover:not(.active) {
 		background-color: var(--cs-menu-default-bg) !important;
 	}
 }
@@ -131,7 +133,8 @@ ul#menu li div.menu-item-content-text table.one-line-switch {
 	}
 }
 
-ul#menu li div.menu-item-content button, select {
+ul#menu li div.menu-item-content-buttons button,
+ul#menu li div.menu-item-content-buttons select {
 	box-shadow: none;
 	border: none;
 	border-radius: 0;
diff --git a/web/share/css/switch.css b/web/share/css/switch.css
index 00defe4a..69b6486d 100644
--- a/web/share/css/switch.css
+++ b/web/share/css/switch.css
@@ -47,7 +47,8 @@ div.switch-box label.switch-label span.switch-inner {
 	margin-left: -100%;
 }
 
-div.switch-box label.switch-label span.switch-inner:before, span.switch-inner:after {
+div.switch-box label.switch-label span.switch-inner:before,
+div.switch-box label.switch-label span.switch-inner:after {
 	display: block;
 	float: left;
 	width: 50%;