From 8806f72f2a517b93bd9fd4a814e6b040e926ee32 Mon Sep 17 00:00:00 2001
From: Joe Monk <joemonk@hotmail.co.uk>
Date: Thu, 17 Jul 2025 22:49:08 +0100
Subject: [PATCH] Small updates

---
 src/app/(root)/posts/page.tsx | 6 +++---
 src/app/_components/cv.tsx    | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/(root)/posts/page.tsx b/src/app/(root)/posts/page.tsx
index 4a52996..a4dded7 100644
--- a/src/app/(root)/posts/page.tsx
+++ b/src/app/(root)/posts/page.tsx
@@ -49,11 +49,11 @@ export default async function Posts(): Promise<React.JSX.Element> {
 			{postDetails.map((post) => {
 				return (
 					<div key={post.link} className="sm:max-w-1/2 grow">
-						<div className="card card-border m-2 bg-base-200 shadow-sm">
+						<div className="card card-border m-2 bg-neutral text-neutral-content shadow-md">
 							<div className="card-body">
 								<h1 className="card-title">{post.metadata.title}</h1>
 								<time dateTime={post.metadata.date}>{post.metadata.date}</time>
-								<div className="flex flex-row gap-2">
+								<div className="flex flex-row gap-2 pb-2">
 									{post.metadata.tags.map((tag) => {
 										return (
 											<div key={`${post.link}_${tag}`}>
@@ -64,7 +64,7 @@ export default async function Posts(): Promise<React.JSX.Element> {
 								</div>
 								<p>{post.metadata.blurb}</p>
 								<div className="card-actions justify-end pt-2">
-									<Link className="btn btn-primary" href={post.link}>
+									<Link className="btn btn-primary bg-primary text-primary-content" href={post.link}>
 										Read
 									</Link>
 								</div>
diff --git a/src/app/_components/cv.tsx b/src/app/_components/cv.tsx
index 65e2d7d..b7338a1 100644
--- a/src/app/_components/cv.tsx
+++ b/src/app/_components/cv.tsx
@@ -166,9 +166,9 @@ export default function Cv(): React.JSX.Element {
 						while moving between roles.
 					</p>
 				</div>
-				<div className="flex flex-row gap-2 px-2 py-1">
+				<div className="flex flex-row align-middle gap-2 px-2 py-1">
 					<PaperAirplaneIcon className="my-0.5 h-5" />
-					<h2 className="font-medium">Experience</h2>
+					<h2 className="font-semibold text-xl">Experience</h2>
 				</div>
 				<div className="flex flex-col gap-4 py-2">
 					{content.map((expContent) => (