From b82d33cdbb129a5b9a81fe86df9c850a92e899eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Mon, 25 Dec 2023 17:16:06 +0100
Subject: [PATCH] Fixes to the search field on mobile

---
 TangerineUI-cherry.css | 9 +++++----
 TangerineUI-purple.css | 9 +++++----
 TangerineUI.css        | 9 +++++----
 3 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index c064c78..03cfc96 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3929,14 +3929,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .search__popout__menu__item mark {
     color: var(--color-content-fg-bold);
 }
-.app-body .search__popout__menu__item .icon-button {
+.app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
     border-radius: 4px;
     transition: none;
 }
-.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button {
+.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
     color: var(--color-accent-fg);
 }
-.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) {
+.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
+.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
 }
@@ -3960,7 +3961,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         padding: 10px 0;
     }
     .app-body .search__icon .icon {
-        top: 11px;
+        top: 6px;
     }
 }
 @media screen and (max-width:889px) {
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 0db8ab7..035e9d8 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3929,14 +3929,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .search__popout__menu__item mark {
     color: var(--color-content-fg-bold);
 }
-.app-body .search__popout__menu__item .icon-button {
+.app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
     border-radius: 4px;
     transition: none;
 }
-.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button {
+.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
     color: var(--color-accent-fg);
 }
-.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) {
+.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
+.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
 }
@@ -3960,7 +3961,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         padding: 10px 0;
     }
     .app-body .search__icon .icon {
-        top: 11px;
+        top: 6px;
     }
 }
 @media screen and (max-width:889px) {
diff --git a/TangerineUI.css b/TangerineUI.css
index c90129d..df97617 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3929,14 +3929,15 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 .app-body .search__popout__menu__item mark {
     color: var(--color-content-fg-bold);
 }
-.app-body .search__popout__menu__item .icon-button {
+.app-body .search__popout__menu__item :is(.icon-button, .icon-button .icon) {
     border-radius: 4px;
     transition: none;
 }
-.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) .icon-button {
+.app-body .search__popout__menu__item:is(.selected, :active, :focus, :hover) :is(.icon-button, .icon-button .icon) {
     color: var(--color-accent-fg);
 }
-.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) {
+.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover),
+.app-body .search__popout__menu__item .icon-button:is(:active, :focus, :hover) .icon {
     background-color: var(--color-content-secondary-bg);
     color: var(--color-accent);
 }
@@ -3960,7 +3961,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         padding: 10px 0;
     }
     .app-body .search__icon .icon {
-        top: 11px;
+        top: 6px;
     }
 }
 @media screen and (max-width:889px) {