many style improvements

1 files changed, 15 insertions, 3 deletions

diff --git a/web/share/css/tabs.css b/web/share/css/tabs.css
index 9dfd66db..b622494d 100644
--- a/web/share/css/tabs.css
+++ b/web/share/css/tabs.css
@@ -39,7 +39,8 @@ div.tabs-box div.tab {
 
 div.tabs-box label {
 	order: 1;
-	display: block;
+	display: flex;
+	align-items: center;
 	text-align: center;
 	vertical-align: middle;
 	user-select: none;
@@ -50,15 +51,26 @@ div.tabs-box label {
 	position: relative;
 	top: 1px;
 }
+@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
+	div.tabs-box label {
+		height: 30px !important;
+	}
+}
 
 div.tabs-box label:last-of-type {
 	border-right: var(--border-default-thin);
 }
 
-div.tabs-box input[type="radio"]:checked+label {
+div.tabs-box input[type="radio"]:checked + label {
 	background-color: var(--cs-control-default-bg);
 }
+@media (hover: hover), (min--moz-device-pixel-ratio: 0) {
+	/* If we have a mouse cursor */
+	div.tabs-box input[type="radio"]:not(:checked):hover + label {
+		color: var(--cs-control-hovered-fg);
+	}
+}
 
-div.tabs-box input[type="radio"]:checked+label+.tab {
+div.tabs-box input[type="radio"]:checked + label + .tab {
 	display: block;
 }