From 9bde045756693f3c76d40aa8cd560f99b9fa121b Mon Sep 17 00:00:00 2001
From: Isha Dijcks <ishadijcks@gmail.com>
Date: Tue, 17 Mar 2026 20:52:34 +0100
Subject: [PATCH] Fix small layout issues

---
 src/123ishatest.css                          |  1 +
 src/lib/components/EasterEgg.svelte          |  5 +++--
 src/routes/(app)/blog/(posts)/+layout.svelte | 10 ++++++----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/123ishatest.css b/src/123ishatest.css
index ce7c4d3..ab961d6 100644
--- a/src/123ishatest.css
+++ b/src/123ishatest.css
@@ -35,6 +35,7 @@ body {
 .prose-isha {
   --tw-prose-headings: var(--header-color);
   --tw-prose-body: var(--text-primary);
+  --tw-prose-code: var(--text-primary);
 }
 
 .blueprint {
diff --git a/src/lib/components/EasterEgg.svelte b/src/lib/components/EasterEgg.svelte
index 8ced9a7..313c25d 100644
--- a/src/lib/components/EasterEgg.svelte
+++ b/src/lib/components/EasterEgg.svelte
@@ -12,8 +12,9 @@
 <span class="group relative border-b border-dashed focus:outline-none" tabindex="0" role="button">
   <span
     class="tooltip absolute bottom-full mb-1
-           min-w-32 border-2 border-white
-           px-2 py-1 text-sm opacity-0 transition group-hover:opacity-100 group-focus:opacity-100 md:min-w-64"
+           hidden min-w-32 border-2
+           border-white px-2 py-1
+           text-sm opacity-0 transition group-hover:inline group-hover:opacity-100 group-focus:inline group-focus:opacity-100 md:min-w-64"
   >
     {egg}
   </span>
diff --git a/src/routes/(app)/blog/(posts)/+layout.svelte b/src/routes/(app)/blog/(posts)/+layout.svelte
index ee92d88..00606f2 100644
--- a/src/routes/(app)/blog/(posts)/+layout.svelte
+++ b/src/routes/(app)/blog/(posts)/+layout.svelte
@@ -2,12 +2,12 @@
   import Card from '$lib/components/Card.svelte';
   import Header from '$lib/components/Header.svelte';
   import { page } from '$app/state';
-  import { projects } from '$lib/content/projects.ts';
   import { resolve } from '$app/paths';
+  import { blogPosts } from '$lib/content/blogPosts.ts';
 
   let { children } = $props();
 
-  const blogName = $derived(projects.find((p) => resolve(p.url) === page.url.pathname)?.title ?? 'Blog');
+  const blogName = $derived(blogPosts.find((p) => resolve(p.path) === page.url.pathname)?.title ?? 'Blog');
 </script>
 
 <svelte:head>
@@ -18,8 +18,10 @@
   <Header>{blogName}</Header>
 
   <Card hoverEffect={false}>
-    <div class="prose prose-isha md:m-4 md:w-xl">
-      {@render children()}
+    <div class="grid grid-cols-1">
+      <div class="prose prose-isha md:m-4 md:w-2xl">
+        {@render children()}
+      </div>
     </div>
   </Card>
 </div>