From 66d5c99dcd3afca9d13a95502860ad8bc1069e5c Mon Sep 17 00:00:00 2001
From: Jonathan Staab <shtaab@gmail.com>
Date: Thu, 15 Jun 2023 13:44:22 -0700
Subject: [PATCH] Tweak style of notecreate

---
 src/app/shared/NoteReply.svelte     | 4 ++--
 src/app/views/NoteCreate.svelte     | 6 +++++-
 src/partials/ContentEditable.svelte | 4 ++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/app/shared/NoteReply.svelte b/src/app/shared/NoteReply.svelte
index 47baeae9..34929815 100644
--- a/src/app/shared/NoteReply.svelte
+++ b/src/app/shared/NoteReply.svelte
@@ -98,8 +98,8 @@
     bind:this={container}
     on:click|stopPropagation>
     <div class={`border border-${borderColor} overflow-hidden rounded-2xl border-solid`}>
-      <div class="bg-gray-7" class:rounded-b={data.mentions.length === 0}>
-        <Compose bind:this={reply} onSubmit={send}>
+      <div class="bg-gray-7 p-3" class:rounded-b={data.mentions.length === 0}>
+        <Compose bind:this={reply} onSubmit={send} style="min-height: 4rem">
           <button
             slot="addon"
             on:click={send}
diff --git a/src/app/views/NoteCreate.svelte b/src/app/views/NoteCreate.svelte
index 81e17b85..7275c9fd 100644
--- a/src/app/views/NoteCreate.svelte
+++ b/src/app/views/NoteCreate.svelte
@@ -119,7 +119,11 @@
     <div class="flex w-full flex-col gap-4">
       <div class="flex flex-col gap-2">
         <strong>What do you want to say?</strong>
-        <div class="ml-2 mt-4 border-l-2 border-solid border-gray-6 pl-3">
+        <div
+          class="mt-4 rounded-xl border border-solid border-gray-6 p-3"
+          class:bg-input={!showPreview}
+          class:text-black={!showPreview}
+          class:bg-gray-7={showPreview}>
           {#if showPreview}
             <NoteContent note={{content: compose.parse(), tags: []}} />
           {/if}
diff --git a/src/partials/ContentEditable.svelte b/src/partials/ContentEditable.svelte
index 73ab96eb..65622ede 100644
--- a/src/partials/ContentEditable.svelte
+++ b/src/partials/ContentEditable.svelte
@@ -62,7 +62,7 @@
         content += "\n"
       }
 
-      if (child.tagName === "DIV" && !child.querySelector("br")) {
+      if (child.tagName === "DIV" && !child.querySelector("br") && child.childNodes) {
         content += "\n"
       }
 
@@ -89,7 +89,7 @@
 
 <div
   style={$$props.style || "min-height: 6rem"}
-  class={cx($$props.class, "w-full min-w-0 text-gray-2 outline-0")}
+  class={cx($$props.class, "w-full min-w-0 outline-0")}
   autofocus
   contenteditable
   bind:this={input}