From ee08032fe74828962f07422eab02ac3115e2a261 Mon Sep 17 00:00:00 2001
From: Samuel Mannehed <samuel@cendio.se>
Date: Sun, 12 Jan 2025 19:52:26 +0100
Subject: [PATCH] Put specific :disabled rules with its element

It makes more sense to group rules per element type.
---
 app/styles/input.css | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/app/styles/input.css b/app/styles/input.css
index dda08b68..d9c35041 100644
--- a/app/styles/input.css
+++ b/app/styles/input.css
@@ -129,6 +129,11 @@ select {
     /* Disable Chrome's touch tap highlight */
     -webkit-tap-highlight-color: transparent;
 }
+input[type=image]:disabled {
+    /* See Firefox bug:
+       https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */
+    cursor: default;
+}
 
 /*
  * Select dropdowns
@@ -173,6 +178,11 @@ select:active {
         var(--button-activation-overlay),
         var(--grey-background);
 }
+select:disabled {
+    background-image:
+        var(--select-arrow),
+        var(--grey-background);
+}
 option {
     /* Prevent Chrome from inheriting background-color from the <select> */
     background-color: white;
@@ -386,13 +396,3 @@ select:disabled,
 textarea:disabled {
     opacity: 0.4;
 }
-select:disabled {
-    background-image:
-        var(--select-arrow),
-        var(--grey-background);
-}
-input[type=image]:disabled {
-    /* See Firefox bug:
-       https://bugzilla.mozilla.org/show_bug.cgi?id=1798304 */
-    cursor: default;
-}