From 1f3ca6f603aece55a991e0001ab84e9cdba01f43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Sun, 10 Dec 2023 20:59:26 +0100
Subject: [PATCH] Thinner border on focused CW field

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

diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css
index c72e29d..ca6f2c0 100644
--- a/TangerineUI-cherry.css
+++ b/TangerineUI-cherry.css
@@ -962,10 +962,12 @@ body.app-body  {
     box-sizing: border-box;
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
+    padding: 5px;
 }
 .app-body .compose-form .poll__option .autosuggest-input {
     border-left: 0;
     border-right: 0;
+    padding: 0;
 }
 .app-body .compose-form .spoiler-input.spoiler-input--visible {
     margin-bottom: 0;
@@ -976,16 +978,11 @@ body.app-body  {
     background-color: var(--color-accent-bg);
     color: var(--color-accent);
     margin-bottom: 0;
-    border-radius: 10px;
+    border-radius: 8px;
     padding: 12px 15px;
-    box-shadow:
-        0 0 0 4px inset var(--color-content-bg);
 }
 .app-body .compose-form .spoiler-input__input:focus {
-    box-shadow:
-        0 0 0 4px inset var(--color-content-bg),
-        0 0 0 6px inset var(--color-accent),
-        0 0 0 1px inset var(--color-content-bg);
+    box-shadow: 0 0 0 1px inset var(--color-accent);
 }
 .app-body .display-name {
     color: var(--color-content-fg);
diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index f1d60df..daec028 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -961,10 +961,12 @@ body.app-body  {
     box-sizing: border-box;
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
+    padding: 5px;
 }
 .app-body .compose-form .poll__option .autosuggest-input {
     border-left: 0;
     border-right: 0;
+    padding: 0;
 }
 .app-body .compose-form .spoiler-input.spoiler-input--visible {
     margin-bottom: 0;
@@ -975,16 +977,11 @@ body.app-body  {
     background-color: var(--color-accent-bg);
     color: var(--color-accent);
     margin-bottom: 0;
-    border-radius: 10px;
+    border-radius: 8px;
     padding: 12px 15px;
-    box-shadow:
-        0 0 0 4px inset var(--color-content-bg);
 }
 .app-body .compose-form .spoiler-input__input:focus {
-    box-shadow:
-        0 0 0 4px inset var(--color-content-bg),
-        0 0 0 6px inset var(--color-accent),
-        0 0 0 1px inset var(--color-content-bg);
+    box-shadow: 0 0 0 1px inset var(--color-accent);
 }
 .app-body .display-name {
     color: var(--color-content-fg);
diff --git a/TangerineUI.css b/TangerineUI.css
index 7ee8823..b2fff20 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -961,10 +961,12 @@ body.app-body  {
     box-sizing: border-box;
     border-left: 1px solid var(--color-lines);
     border-right: 1px solid var(--color-lines);
+    padding: 5px;
 }
 .app-body .compose-form .poll__option .autosuggest-input {
     border-left: 0;
     border-right: 0;
+    padding: 0;
 }
 .app-body .compose-form .spoiler-input.spoiler-input--visible {
     margin-bottom: 0;
@@ -975,16 +977,11 @@ body.app-body  {
     background-color: var(--color-accent-bg);
     color: var(--color-accent);
     margin-bottom: 0;
-    border-radius: 10px;
+    border-radius: 8px;
     padding: 12px 15px;
-    box-shadow:
-        0 0 0 4px inset var(--color-content-bg);
 }
 .app-body .compose-form .spoiler-input__input:focus {
-    box-shadow:
-        0 0 0 4px inset var(--color-content-bg),
-        0 0 0 6px inset var(--color-accent),
-        0 0 0 1px inset var(--color-content-bg);
+    box-shadow: 0 0 0 1px inset var(--color-accent);
 }
 .app-body .display-name {
     color: var(--color-content-fg);