From d01c61f6648c6d775e14de55902d276aab50a47d Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Wed, 14 Sep 2022 01:21:15 +0200
Subject: [PATCH] Make it possible to show input next to each other again

---
 ts/editor/CodeMirror.svelte                      | 2 ++
 ts/editor/EditingArea.svelte                     | 4 ++++
 ts/editor/EditorField.svelte                     | 2 +-
 ts/editor/plain-text-input/PlainTextInput.svelte | 3 +++
 ts/editor/rich-text-input/RichTextInput.svelte   | 2 ++
 5 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/ts/editor/CodeMirror.svelte b/ts/editor/CodeMirror.svelte
index d482fd5ee..ee20ec677 100644
--- a/ts/editor/CodeMirror.svelte
+++ b/ts/editor/CodeMirror.svelte
@@ -98,6 +98,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .code-mirror {
+        height: 100%;
+
         :global(.CodeMirror) {
             height: auto;
         }
diff --git a/ts/editor/EditingArea.svelte b/ts/editor/EditingArea.svelte
index e2a9df71a..b08743140 100644
--- a/ts/editor/EditingArea.svelte
+++ b/ts/editor/EditingArea.svelte
@@ -186,5 +186,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         display: grid;
         /* TODO allow configuration of grid #1503 */
         /* grid-template-columns: repeat(2, 1fr); */
+
+        /* This defines the border between inputs */
+        grid-gap: 1px;
+        background-color: var(--border);
     }
 </style>
diff --git a/ts/editor/EditorField.svelte b/ts/editor/EditorField.svelte
index 5c824f05c..94a4f90ef 100644
--- a/ts/editor/EditorField.svelte
+++ b/ts/editor/EditorField.svelte
@@ -133,7 +133,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             @include elevation.elevation(
                 2,
                 $color: rgb(59 130 246),
-                $opacity-boost: 0.2
+                $opacity-boost: 0.8
             );
         }
     }
diff --git a/ts/editor/plain-text-input/PlainTextInput.svelte b/ts/editor/plain-text-input/PlainTextInput.svelte
index bffdc4057..e849958d7 100644
--- a/ts/editor/plain-text-input/PlainTextInput.svelte
+++ b/ts/editor/plain-text-input/PlainTextInput.svelte
@@ -157,7 +157,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .plain-text-input {
+        height: 100%;
+
         :global(.CodeMirror) {
+            height: 100%;
             background: var(--code-bg);
         }
 
diff --git a/ts/editor/rich-text-input/RichTextInput.svelte b/ts/editor/rich-text-input/RichTextInput.svelte
index 7b55c8355..6187cd998 100644
--- a/ts/editor/rich-text-input/RichTextInput.svelte
+++ b/ts/editor/rich-text-input/RichTextInput.svelte
@@ -243,6 +243,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
 <style lang="scss">
     .rich-text-input {
+        height: 100%;
+
         background-color: white;
         padding: 6px;
     }