Chat tweaks

src/app/components/ChatItem.svelte

@@ -35,7 +35,7 @@
 
 <Button class="flex flex-col justify-start gap-1 w-full" onclick={openChat}>
   <div
-    class="cursor-pointer border-t border-solid border-base-100 px-6 py-2 transition-colors hover:bg-base-100 {props.class}"
+    class="cursor-pointer border-t border-solid border-base-100 px-3 py-2 transition-colors hover:bg-base-100 {props.class}"
     class:bg-base-100={active}>
     <div class="flex flex-col justify-start gap-1">
       <div class="flex items-center justify-between gap-2">

src/routes/chat/+layout.svelte

@@ -6,7 +6,6 @@
   import {shouldUnwrap} from "@welshman/app"
   import MenuDots from "@assets/icons/menu-dots.svg?dataurl"
   import ChatSquarePlus from "@assets/icons/chat-square-plus.svg?dataurl"
-  import AddCircle from "@assets/icons/add-circle.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Page from "@lib/components/Page.svelte"
@@ -51,8 +50,8 @@
         <Icon icon={MenuDots} />
       </Button>
     </SecondaryNavHeader>
-    <Button class="btn btn-primary w-full row-2 min-h-0 h-[30px]" onclick={startChat}>
+    <Button class="btn btn-primary w-full btn-sm" onclick={startChat}>
-      <Icon icon={AddCircle} />
+      <Icon icon={ChatSquarePlus} />
       Start New Chat
     </Button>
     <label class="input input-sm input-bordered flex items-center gap-2">

src/routes/chat/+page.svelte

@@ -46,7 +46,7 @@
           type="text"
           placeholder="Search for conversations..." />
       </label>
-      <Button class="btn btn-primary" onclick={openMenu}>
+      <Button class="btn btn-neutral" onclick={openMenu}>
         <Icon icon={MenuDots} />
       </Button>
     </div>