From 2d342ddfe3caf57f370ad550f0e0d5ddc6d580ef Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 31 Aug 2021 23:10:16 +0200
Subject: [PATCH] Have a uniform border-radius for buttons and fields

---
 ts/components/ButtonGroupItem.svelte | 2 +-
 ts/editor/HandleLabel.svelte         | 2 +-
 ts/editor/fields.scss                | 8 ++++----
 ts/sass/buttons.scss                 | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/ts/components/ButtonGroupItem.svelte b/ts/components/ButtonGroupItem.svelte
index 50a9938bf..a378bf45d 100644
--- a/ts/components/ButtonGroupItem.svelte
+++ b/ts/components/ButtonGroupItem.svelte
@@ -20,7 +20,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     let position_: ButtonPosition;
     let style: string;
 
-    const radius = "calc(var(--buttons-size) / 7.5)";
+    const radius = "5px";
 
     $: {
         switch (position_) {
diff --git a/ts/editor/HandleLabel.svelte b/ts/editor/HandleLabel.svelte
index 9de14e0db..d4e36b16f 100644
--- a/ts/editor/HandleLabel.svelte
+++ b/ts/editor/HandleLabel.svelte
@@ -51,7 +51,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         color: white;
         background-color: rgba(0 0 0 / 0.3);
         border-color: black;
-        border-radius: 0.25rem;
+        border-radius: 5px;
         padding: 0 5px;
 
         bottom: 3px;
diff --git a/ts/editor/fields.scss b/ts/editor/fields.scss
index 4a3ac63b6..d6c035a1b 100644
--- a/ts/editor/fields.scss
+++ b/ts/editor/fields.scss
@@ -17,7 +17,7 @@
 
 .editor-field {
     margin: 3px;
-    border-radius: 6px;
+    border-radius: 5px;
     border: 1px solid var(--border);
 
     &:focus-within {
@@ -33,7 +33,7 @@
     border-width: 1px 0 0;
     border-style: dashed;
     border-color: var(--border);
-    border-radius: 0 0 6px 6px;
+    border-radius: 0 0 5px 5px;
 
     &:focus-within {
         border-color: var(--focus-border);
@@ -47,7 +47,7 @@
 }
 
 .fname {
-    border-radius: 6px 6px 0 0;
+    border-radius: 5px 5px 0 0;
     padding: 0px 6px;
 }
 
@@ -90,6 +90,6 @@
 
 .CodeMirror {
     height: auto;
-    border-radius: 0 0 6px 6px;
+    border-radius: 0 0 5px 5px;
     padding: 6px 0;
 }
diff --git a/ts/sass/buttons.scss b/ts/sass/buttons.scss
index c7b29f544..2246e9f6a 100644
--- a/ts/sass/buttons.scss
+++ b/ts/sass/buttons.scss
@@ -17,7 +17,7 @@
         font-size: 14px;
 
         -webkit-appearance: none;
-        border-radius: 3px;
+        border-radius: 5px;
         padding: 5px;
         border: 1px solid var(--border);
     }
@@ -37,7 +37,7 @@
         box-shadow: 0 0 3px fusion-vars.$button-outline;
         border: 1px solid fusion-vars.$button-border;
 
-        border-radius: 2px;
+        border-radius: 5px;
         padding: 10px;
         padding-top: 3px;
         padding-bottom: 3px;