From b384417955986541f75bef318c0f2a67e5e3d227 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Wed, 2 Nov 2022 09:26:26 +0100
Subject: [PATCH] Add back thick field focus border (#2160)

* Add back thick field focus border

* Fix duplicate border color
---
 ts/editor/EditorField.svelte | 6 ++++--
 ts/editor/NoteEditor.svelte  | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ts/editor/EditorField.svelte b/ts/editor/EditorField.svelte
index 44f486902..90f748271 100644
--- a/ts/editor/EditorField.svelte
+++ b/ts/editor/EditorField.svelte
@@ -113,7 +113,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     .editor-field {
         overflow: hidden;
-        margin: 0 3px;
+        margin: 1px 3px 0 3px;
 
         border-radius: 5px;
         border: 1px solid var(--border);
@@ -121,7 +121,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         @include elevation(1);
 
         &:focus-within {
-            border-color: var(--border-focus);
+            /* --focus-color set in NoteEditor.svelte */
+            outline: 2px solid var(--focus-color);
+            outline-offset: -1px;
         }
     }
 </style>
diff --git a/ts/editor/NoteEditor.svelte b/ts/editor/NoteEditor.svelte
index 1af2fdb1f..207dc9680 100644
--- a/ts/editor/NoteEditor.svelte
+++ b/ts/editor/NoteEditor.svelte
@@ -436,9 +436,9 @@ the AddCards dialog) should be implemented in the user of this component.
                             $hoveredField = null;
                         }}
                         collapsed={fieldsCollapsed[index]}
-                        --dupes-color={cols[index] === "dupe"
+                        --focus-color={cols[index] === "dupe"
                             ? "var(--accent-danger)"
-                            : "transparent"}
+                            : "var(--border-focus)"}
                     >
                         <svelte:fragment slot="field-label">
                             <LabelContainer