From 6949492af38a8e6c80b9185cc6fee85f6f4dc2f3 Mon Sep 17 00:00:00 2001
From: andres <andres99.dev@gmail.com>
Date: Sat, 20 Apr 2024 23:42:55 +0200
Subject: [PATCH] feat: add header styles

---
 src/components/layout.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/layout.tsx b/src/components/layout.tsx
index 34876c4..9d808ae 100644
--- a/src/components/layout.tsx
+++ b/src/components/layout.tsx
@@ -7,9 +7,13 @@ export function Layout() {
   const isLoading = fetching > 0;
 
   return (
-    <div className={"p-6 mx-auto max-w-screen-lg"}>
-      <header className={"flex items-center justify-between"}>
-        <h1>
+    <div className={"mx-auto max-w-screen-lg p-6"}>
+      <header
+        className={
+          "mb-4 flex items-center justify-between border-b border-b-slate-400 py-2"
+        }
+      >
+        <h1 className={"text-2xl font-semibold text-sky-600"}>
           <Link to={"/"}>Podcaster</Link>
         </h1>
         {isLoading && <Spinner />}