From e0426bb23c44e401cef61cbe0e02719758809d81 Mon Sep 17 00:00:00 2001
From: Alex Bejan <>
Date: Tue, 7 Mar 2023 13:10:57 +0200
Subject: [PATCH] Small fixes: - Added missing social links to header when
 logged in - mobile fix for warning message on hp

---
 src/lib_skeleton/AppBar/AppBar.svelte | 14 ++++++++++++--
 src/routes/+page.svelte               |  4 ++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/lib_skeleton/AppBar/AppBar.svelte b/src/lib_skeleton/AppBar/AppBar.svelte
index cf192f6..749f201 100644
--- a/src/lib_skeleton/AppBar/AppBar.svelte
+++ b/src/lib_skeleton/AppBar/AppBar.svelte
@@ -49,7 +49,7 @@
 
 <AppBar padding="p-2 pl-4 pr-4 relative z-20" shadow="shadow-lg">
 	<svelte:fragment slot="lead">
-		<div class="flex items-center space-x-4">
+		<div class="flex items-center space-x-4 min-w-[200px]">
 			<!-- Hamburger Menu -->
 			<button on:click={drawerOpen} class="btn-icon btn-icon-sm lg:!hidden">
 				<i class="fa-solid fa-bars text-xl" />
@@ -77,7 +77,7 @@
 
 					<span class="hidden md:block">{$userProfile.full_name}</span>
 				{:else}
-					<span>Manage profile</span>
+					<span>Profile</span>
 				{/if}
 				<i class="fa-solid fa-caret-down opacity-50" />
 			</button>
@@ -100,5 +100,15 @@
 				</nav>
 			</div>
 		</div>
+		<!-- Social -->
+		<!-- prettier-ignore -->
+		<section class="flex space-x-1">
+			<a class="btn-icon btn-icon-sm hover:variant-soft-primary" href="https://discord.gg/REYCS3HuM4" target="_blank" rel="noreferrer">
+				<i class="fa-brands fa-discord text-lg" />
+			</a>
+			<a class="btn-icon btn-icon-sm hover:variant-soft-primary" href="https://github.com/alexpunct/chatgpt-journal" target="_blank" rel="noreferrer">
+				<i class="fa-brands fa-github text-lg" />
+			</a>
+		</section>
 	</svelte:fragment>
 </AppBar>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 89a8fc9..5169a07 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -106,11 +106,11 @@
 
 		<!-- Pre-Release Alert -->
 		<aside class="alert variant-ghost-warning">
-			<i class="fa-solid fa-triangle-exclamation text-4xl" />
+			<i class="fa-solid fa-triangle-exclamation text-4xl mx-auto" />
 			<div class="alert-message">
 				Chat Journal is currently in beta. Please report bugs on GitHub.
 			</div>
-			<div class="alert-actions">
+			<div class="alert-actions mx-auto">
 				<a
 					href="https://github.com/alexpunct/chatgpt-journal/issues"
 					target="_blank"