refactoring

1 files changed, 9 insertions, 0 deletions

diff --git a/web/css/main.css b/web/css/main.css
index 41730777..3979363b 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -15,6 +15,7 @@ a {
 	color: var(--fg-color-normal);
 }
 @media (hover: hover), (min--moz-device-pixel-ratio: 0) {
+	/* If we have a mouse cursor */
 	a:hover {
 		text-decoration: underline;
 	}
@@ -38,6 +39,7 @@ button, select {
 	cursor: pointer;
 }
 @media (hover: hover), (min--moz-device-pixel-ratio: 0) {
+	/* If we have a mouse cursor */
 	button:enabled:hover, select:enabled:hover {
 		color: var(--fg-color-intensive);
 		background-color: var(--bg-color-dark) !important;
@@ -50,6 +52,7 @@ button, select {
 	}
 }
 @media (hover: none) {
+	/* If we DON'T have a mouse cursor */
 	button:active, select:active {
 		color: var(--fg-color-intensive);
 		background-color: var(--bg-color-dark);
@@ -142,6 +145,12 @@ ul#ctl li a.ctl-item {
 ul#ctl li a.ctl-item:hover:not(.active) {
 	background-color: var(--bg-color-hovered);
 }
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+	/* iPad 8 */
+	ul#ctl li a.ctl-item:hover:not(.active) {
+		background-color: var(--bg-color-ctl) !important;
+	}
+}
 ul#ctl li a.ctl-item-selected {
 	box-shadow: 0 5px 0 var(--border-color-intensive) inset;
 	background-color: var(--bg-color-selected) !important;