Update styling a little

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}

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"

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>