From 59e117003ff1a5fb04bc9fd4ed0a3b1d3811be3a Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Wed, 4 Feb 2026 14:25:18 +1300
Subject: [PATCH] Update styling a little

---
 src/lib/components/addEntryCover.svelte     | 13 ++++++++++---
 src/lib/components/editor/textEditor.svelte |  2 +-
 src/lib/components/entrySummaryView.svelte  |  7 ++++---
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/addEntryCover.svelte b/src/lib/components/addEntryCover.svelte
index 594b84b..13048a3 100644
--- a/src/lib/components/addEntryCover.svelte
+++ b/src/lib/components/addEntryCover.svelte
@@ -11,11 +11,18 @@
 {:else}
     <div class="flex flex-col items-center justify-center">
         <button
-            class="bg-white/20 p-4 rounded-xl w-full hover:brightness-80 transition-all"
+            class="bg-white/10 p-4 rounded-xl w-full hover:brightness-80 transition-all"
             onclick={() => edit = true}
         >
-            <p class="rounded-full bg-white/30 p-2 h-10 w-10">+</p>
-            <p>Add Entry for {date}</p>
+            <div class="flex flex-col items-center gap-4">
+                <div class="rounded-full bg-white/20 p-3 h-14 w-14 flex items-center justify-center">
+                    <span class="text-2xl font-light text-white">+</span>
+                </div>
+                <div class="text-center">
+                    <p class="text-white/90 font-medium text-lg">Add Entry</p>
+                    <p class="text-white/60 text-sm mt-1">{date}</p>
+                </div>
+            </div>
         </button>
     </div>
 {/if}
diff --git a/src/lib/components/editor/textEditor.svelte b/src/lib/components/editor/textEditor.svelte
index 377bec1..523b902 100644
--- a/src/lib/components/editor/textEditor.svelte
+++ b/src/lib/components/editor/textEditor.svelte
@@ -7,7 +7,7 @@
     import { marked } from "marked";
 </script>
 
-<div class="bg-white/20 min-h-30 rounded-2xl p-2 mt-4">
+<div class="min-h-30 bg-white/10 p-2 rounded-xl w-full hover:brightness-80 transition-all">
     {#if edit}
         <textarea
             class="w-full min-h-30 border-none bg-white/10 rounded-xl p-2"
diff --git a/src/lib/components/entrySummaryView.svelte b/src/lib/components/entrySummaryView.svelte
index a89854e..f0e0a75 100644
--- a/src/lib/components/entrySummaryView.svelte
+++ b/src/lib/components/entrySummaryView.svelte
@@ -9,15 +9,16 @@
     const formattedDate = formatDate(entry.date);
 </script>
 
-<li class="bg-white/15 rounded-2xl mb-4 p-3" onclick={clickCB}>
+<button class="bg-white/10 p-4 rounded-xl w-full hover:brightness-80 transition-all mb-3"  onclick={clickCB}>
     <div class="flex flex-row">
-        <div>
+        <div class="text-start">
             <p class="text-sm text-white/60">{formattedDate}</p>
             {@html marked(entry.content)}
         </div>
         <img
             class="max-h-30 min-h-15 max-w-1/2 rounded-xl object-cover ml-auto"
             src={entry.image}
+            alt=""
         />
     </div>
-</li>
+</button>