From ebd5d0ce3677bc468c3b8868daf69590aaa870ec Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Thu, 20 Jul 2023 01:36:49 -0400
Subject: Fixed PSA for mobile

---
 app/components/PSA.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/PSA.js b/app/components/PSA.js
index 06bf9ba..ee20683 100644
--- a/app/components/PSA.js
+++ b/app/components/PSA.js
@@ -2,7 +2,7 @@ import psaMessage from './psa.json' assert { type: 'json' };
 import Link from "next/link";
 
 const PSA = () => {
-    let defaultStyle = "flex flex-row md:px-40 px-30 py-0.5 space-x-2";
+    let defaultStyle = "flex flex-row md:px-40 sm:px-30 sm:py-0.5 p-3 space-x-2";
     let styleImportant;
     let important;
     switch (psaMessage.important) {
@@ -30,8 +30,8 @@ const PSA = () => {
 
     return (
         <div className={defaultStyle}>
-            <p className="text-lg font-medium">{important}</p>
-            <div className="flex flex-row space-x-3">
+            <p className="text-lg font-medium sm:p-0">{important}</p>
+            <div className="flex sm:flex-row flex-col sm:space-x-3">
                 <p>{psaMessage.announcement}</p>
                 <p className="text-blue-200 hover:text-blue-500 active:text-blue-700">
                 {psaMessage.link && (
-- 
cgit v1.2.3