From 9daaac844273e7c34c710765fddb3037fee829f7 Mon Sep 17 00:00:00 2001
From: KTibow <KTibow@users.noreply.github.com>
Date: Wed, 23 Oct 2024 16:36:44 -0700
Subject: [PATCH] fix indentation and stuff

---
 src/Chat.svelte | 7 ++++---
 src/index.css   | 6 ++++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/Chat.svelte b/src/Chat.svelte
index cef10eb..5ef4c5b 100644
--- a/src/Chat.svelte
+++ b/src/Chat.svelte
@@ -39,7 +39,7 @@
   }
 </script>
 
-<button on:click={() => (conversation = [])}>
+<button style:margin="0.5rem 0.5rem 0 0.5rem" on:click={() => (conversation = [])}>
   <Icon icon={iconTrash} width="1.5rem" height="1.5rem" />
 </button>
 <div class="wrapper">
@@ -52,6 +52,7 @@
   {/each}
 </div>
 <form
+  style:margin="0 0.5rem 0.5rem 0.5rem"
   on:submit|preventDefault={(e) => {
     const textarea = e.currentTarget.querySelector("textarea");
 
@@ -80,14 +81,14 @@
     overflow: hidden scroll;
 
     height: 100%;
-    margin: 0 -1rem;
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 0.75rem;
     gap: 0.5rem;
 
     width: 100%;
     max-width: 40rem;
     align-self: center;
   }
+
   .user {
     white-space: pre-wrap;
     background-color: rgb(var(--m3-scheme-primary-container) / 0.2);
diff --git a/src/index.css b/src/index.css
index 4485c47..6927a88 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,11 +3,13 @@ body {
   accent-color: rgb(var(--m3-scheme-primary));
   background-color: rgb(var(--m3-scheme-background));
   color: rgb(var(--m3-scheme-on-background));
-  font-family: Atkinson Hyperlegible, system-ui, sans-serif;
+  font-family:
+    Atkinson Hyperlegible,
+    system-ui,
+    sans-serif;
 
   display: flex;
   flex-direction: column;
-  padding: 1rem;
   height: 100dvh;
 }
 * {