A few semantically-thin wrapper divs.

This is an extension of the previous commit: we don't need these divs _at all_ to achieve the layout we want, and we aren't attaching behaviour or semantics to them, so, out they go.

4 files changed, 22 insertions, 29 deletions

diff --git a/ui/lib/components/CreateConversationForm.svelte b/ui/lib/components/CreateConversationForm.svelte
index d6056d3..812a5cf 100644
--- a/ui/lib/components/CreateConversationForm.svelte
+++ b/ui/lib/components/CreateConversationForm.svelte
@@ -16,9 +16,7 @@
   }
 </script>
 
-<div class="create-conversation">
-  <form {onsubmit}>
-    <input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
-    <button type="submit">&#x2795;</button>
-  </form>
-</div>
+<form class="create-conversation" {onsubmit}>
+  <input type="text" placeholder="start a conversation" bind:value={name} {disabled} />
+  <button type="submit">&#x2795;</button>
+</form>
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte
index 7df4ab2..1a18f63 100644
--- a/ui/lib/components/MessageInput.svelte
+++ b/ui/lib/components/MessageInput.svelte
@@ -45,22 +45,20 @@
   }
 </script>
 
-<div class="create-message">
-  <form {onsubmit}>
-    <textarea bind:value hidden {disabled}></textarea>
-    <div
-      role="textbox"
-      tabindex="0"
-      contenteditable="plaintext-only"
-      class={{
-        textarea: true,
-        disabled,
-      }}
-      bind:innerText={value}
-      {onkeydown}
-      {onpaste}
-      data-placeholder="Say something..."
-    ></div>
-    <button type="submit">&raquo;</button>
-  </form>
-</div>
+<form class="create-message" {onsubmit}>
+  <textarea bind:value hidden {disabled}></textarea>
+  <div
+    role="textbox"
+    tabindex="0"
+    contenteditable="plaintext-only"
+    class={{
+      textarea: true,
+      disabled,
+    }}
+    bind:innerText={value}
+    {onkeydown}
+    {onpaste}
+    data-placeholder="Say something..."
+  ></div>
+  <button type="submit">&raquo;</button>
+</form>
diff --git a/ui/styles/sidebar.css b/ui/styles/sidebar.css
index aa0d53b..a06c3e3 100644
--- a/ui/styles/sidebar.css
+++ b/ui/styles/sidebar.css
@@ -41,9 +41,6 @@
 /* create conversation form */
 .create-conversation {
   padding-left: 0.5rem;
-}
-
-.create-conversation form {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index d315bcf..ef17a79 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -1,5 +1,5 @@
 /* Message input */
-.create-message form {
+.create-message {
   display: flex;
   flex-direction: row;
   justify-content: flex-start;