From cf48e62e2333eb95fcd94063ef21f54fd037a7ad Mon Sep 17 00:00:00 2001
From: GamerBoss101 <adithcool.5@gmail.com>
Date: Sun, 13 Apr 2025 08:05:59 -0400
Subject: [PATCH] Some More Changes

---
 src/app/(app)/page.tsx      | 22 +++++++++++++++++++++-
 src/lib/components/Post.tsx |  6 +++---
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/app/(app)/page.tsx b/src/app/(app)/page.tsx
index 53dafc4..26135fd 100644
--- a/src/app/(app)/page.tsx
+++ b/src/app/(app)/page.tsx
@@ -135,4 +135,24 @@ function Mobile() {
     );
 }
 
-export default Mobile;
+function Web() {
+	return (
+		<main className="flex flex-col gap-[32px] my-20 row-start-2 items-center mt-10 text-white">
+			<img
+				src="/drinkhappylogo.png"
+				alt="Drink Happy Logo Image"
+				className="h-auto mx-auto my-auto w-3/4 lg:w-1/3"
+			/>
+			<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
+				Welcome to Drink Happy!
+			</h1>
+		</main>
+	);
+}
+
+export default function Home() {
+	const { isMobile, isSafari } = useDevice();
+
+	if(isMobile && isSafari) return Mobile();
+	else return Web();
+}
diff --git a/src/lib/components/Post.tsx b/src/lib/components/Post.tsx
index d72b41f..f74a64a 100644
--- a/src/lib/components/Post.tsx
+++ b/src/lib/components/Post.tsx
@@ -91,11 +91,11 @@ export default function Post({
             )}
 
             {/* Post Actions */}
-            <div className="flex gap-4 items-center">
+            <div className="flex flex-col gap-4 items-center">
                 <button
                     onClick={onLike}
                     disabled={!allowReactions} // Disable button if allowReactions is false
-                    className={`px-3 py-1 rounded text-sm ${
+                    className={`px-3 py-1 w-full rounded text-sm ${
                         allowReactions
                             ? "bg-success-600 hover:bg-primary-600 text-white"
                             : "bg-gray-500 text-gray-300 cursor-not-allowed"
@@ -106,7 +106,7 @@ export default function Post({
                 <button
                     onClick={onWarning}
                     disabled={!allowReactions} // Disable button if allowReactions is false
-                    className={`px-3 py-1 rounded text-sm ${
+                    className={`px-3 py-1 w-full rounded text-sm ${
                         allowReactions
                             ? "bg-primary-500 hover:bg-red-600 text-white"
                             : "bg-gray-500 text-gray-300 cursor-not-allowed"