From ec9b43d3ab4ad1b423360383f711150704eaa015 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 7 Sep 2021 01:09:13 +0200
Subject: [PATCH] Use editorfield instead of editor-field

---
 ts/editor/HandleLabel.svelte |  8 ++++----
 ts/editor/fields.scss        | 15 ++-------------
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/ts/editor/HandleLabel.svelte b/ts/editor/HandleLabel.svelte
index d4e36b16f..8454585ea 100644
--- a/ts/editor/HandleLabel.svelte
+++ b/ts/editor/HandleLabel.svelte
@@ -10,7 +10,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let dimensions: HTMLDivElement;
     let overflowFix = 0;
 
-    function updateOverflow(dimensions: HTMLDivElement) {
+    function updateOverflow(dimensions: HTMLDivElement): void {
         const boundingClientRect = dimensions.getBoundingClientRect();
         const overflow = isRtl
             ? window.innerWidth - boundingClientRect.x - boundingClientRect.width
@@ -19,12 +19,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         overflowFix = Math.min(0, overflowFix + overflow, overflow);
     }
 
-    function updateOverflowAsync(dimensions: HTMLDivElement) {
+    afterUpdate(() => updateOverflow(dimensions));
+
+    function updateOverflowAsync(dimensions: HTMLDivElement): void {
         setTimeout(() => updateOverflow(dimensions));
     }
 
-    afterUpdate(() => updateOverflow(dimensions));
-
     const dispatch = createEventDispatcher();
 
     onMount(() => dispatch("mount"));
diff --git a/ts/editor/fields.scss b/ts/editor/fields.scss
index 88e91285a..85baf38e2 100644
--- a/ts/editor/fields.scss
+++ b/ts/editor/fields.scss
@@ -16,8 +16,9 @@
     margin: 3px 0;
 }
 
-.editor-field {
+.editorfield {
     margin: 3px;
+
     border-radius: 5px;
     border: 1px solid var(--border-color);
 
@@ -30,10 +31,6 @@
     }
 }
 
-.editorfield {
-    margin: 0 2px;
-}
-
 /* editing-area */
 .field {
     position: relative;
@@ -46,14 +43,6 @@
         // (https://github.com/ankitects/anki/pull/1278)
         background-image: linear-gradient(var(--flag1-bg), var(--flag1-bg));
     }
-
-    &:focus-within {
-        outline: 2px solid button-mixins.$focus-color;
-    }
-
-    &:focus {
-        outline: none;
-    }
 }
 
 .fname {