From db9d0219a0cf9315e5491d60205d82575ae11850 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Mon, 10 Jul 2023 18:15:45 +0200
Subject: [PATCH] Fixed button hover state on interaction modals

---
 TangerineUIforMastodon-singlecolumnlayout.css | 58 ++++++++++---------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/TangerineUIforMastodon-singlecolumnlayout.css b/TangerineUIforMastodon-singlecolumnlayout.css
index 80420c6..7d895a7 100644
--- a/TangerineUIforMastodon-singlecolumnlayout.css
+++ b/TangerineUIforMastodon-singlecolumnlayout.css
@@ -1659,34 +1659,6 @@ body.layout-single-column  {
 
 
 
-/* 🖱️ Interaction modals
-   --------------------- */
-.layout-single-column .interaction-modal {
-    background-color: var(--color-content-bg);
-}
-.layout-single-column .interaction-modal,
-.layout-single-column .interaction-modal__lead h3 {
-    color: var(--color-content-fg);
-}
-.layout-single-column .interaction-modal__lead p,
-.layout-single-column .interaction-modal__choices__choice p {
-    color: var(--color-fg);
-}
-.layout-single-column .interaction-modal .button,
-.layout-single-column .interaction-modal .button.tertiary {
-    padding: 10px 18px;
-}
-.layout-single-column .copypaste input {
-    border-color: var(--color-accent);
-    background-color: var(--color-content-bg);
-    color: var(--color-content-fg);
-}
-.layout-single-column .interaction-modal .copypaste button {
-    padding: 7px 18px;
-}
-
-
-
 /* ⏺️ UI components : buttons, toggles, ...
    ---------------------------------------- */
 .layout-single-column .button,
@@ -1837,6 +1809,36 @@ body.layout-single-column  {
 
 
 
+/* 🖱️ Interaction modals
+   --------------------- */
+.layout-single-column .interaction-modal {
+    background-color: var(--color-content-bg);
+}
+.layout-single-column .interaction-modal,
+.layout-single-column .interaction-modal__lead h3 {
+    color: var(--color-content-fg);
+}
+.layout-single-column .interaction-modal__lead p,
+.layout-single-column .interaction-modal__choices__choice p {
+    color: var(--color-fg);
+}
+.layout-single-column .interaction-modal .button,
+.layout-single-column .interaction-modal .button.button-tertiary {
+    padding: 10px 18px;
+}
+.layout-single-column .interaction-modal .button.button-tertiary:hover {
+    background-color: var(--color-content-secondary-separator);
+}
+.layout-single-column .copypaste input {
+    border-color: var(--color-accent);
+    background-color: var(--color-content-bg);
+    color: var(--color-content-fg);
+}
+.layout-single-column .interaction-modal .copypaste button {
+    padding: 7px 18px;
+}
+
+
 
 /* 📄 Meta
    ------- */