From 3dc42541a385843715c6ca619d1b137e95ca6788 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Tue, 23 Jan 2024 13:15:04 +0100
Subject: [PATCH] Search field fixes

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

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index 9a136ee..ba1fbe6 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -3967,7 +3967,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-content-fg);
     border: 1px solid var(--color-accent-lines);
     font-weight: 500;
-    padding-right: 45px;
+    padding-inline-end: 45px;
+    padding-inline-start: 16px;
     outline-offset: 0;
     outline: 0 solid var(--color-accent-bg);
     transition:
@@ -3984,6 +3985,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-color: var(--color-accent);
     background-color: var(--color-content-bg);
     outline: 3px solid var(--color-accent-bg);
+    border-radius: 8px;
 }
 .app-body .search__input:focus::placeholder,
 .app-body .compose-form .spoiler-input__input:focus::placeholder {
@@ -3995,6 +3997,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     transform: scale(1) translateY(-50%);
     background-size: 24px !important;
     top: 50%;
+    inset-inline-start: unset;
+    inset-inline-end: 12px;
 }
 .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
     background-image: var(--icon-erase-active);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 6d07c59..daa57b3 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -3967,7 +3967,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-content-fg);
     border: 1px solid var(--color-accent-lines);
     font-weight: 500;
-    padding-right: 45px;
+    padding-inline-end: 45px;
+    padding-inline-start: 16px;
     outline-offset: 0;
     outline: 0 solid var(--color-accent-bg);
     transition:
@@ -3984,6 +3985,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-color: var(--color-accent);
     background-color: var(--color-content-bg);
     outline: 3px solid var(--color-accent-bg);
+    border-radius: 8px;
 }
 .app-body .search__input:focus::placeholder,
 .app-body .compose-form .spoiler-input__input:focus::placeholder {
@@ -3995,6 +3997,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     transform: scale(1) translateY(-50%);
     background-size: 24px !important;
     top: 50%;
+    inset-inline-start: unset;
+    inset-inline-end: 12px;
 }
 .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
     background-image: var(--icon-erase-active);
diff --git a/TangerineUI.css b/TangerineUI.css
index 2913156..f3c49ce 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -3967,7 +3967,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     color: var(--color-content-fg);
     border: 1px solid var(--color-accent-lines);
     font-weight: 500;
-    padding-right: 45px;
+    padding-inline-end: 45px;
+    padding-inline-start: 16px;
     outline-offset: 0;
     outline: 0 solid var(--color-accent-bg);
     transition:
@@ -3984,6 +3985,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-color: var(--color-accent);
     background-color: var(--color-content-bg);
     outline: 3px solid var(--color-accent-bg);
+    border-radius: 8px;
 }
 .app-body .search__input:focus::placeholder,
 .app-body .compose-form .spoiler-input__input:focus::placeholder {
@@ -3995,6 +3997,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     transform: scale(1) translateY(-50%);
     background-size: 24px !important;
     top: 50%;
+    inset-inline-start: unset;
+    inset-inline-end: 12px;
 }
 .app-body .search__input:not(:placeholder-shown) + .search__icon:hover .icon {
     background-image: var(--icon-erase-active);