From 5580ad5448c80e0034b95d6a4597425bd164c8ca Mon Sep 17 00:00:00 2001
From: Andrew Lee <alee14498@protonmail.com>
Date: Mon, 17 Jul 2023 18:29:39 -0400
Subject: Modified PSA; Replace RYK image

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

(limited to 'components')

diff --git a/components/PSA.js b/components/PSA.js
index c259f19..8dad8b3 100644
--- a/components/PSA.js
+++ b/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-4";
+    let defaultStyle = "flex flex-row md:px-40 px-30 py-0.5 space-x-2";
     let styleImportant;
     let important;
     switch (psaMessage.important) {
@@ -26,11 +26,15 @@ const PSA = () => {
     return (
         <div className={defaultStyle}>
             <p className="text-lg font-medium">{important}</p>
-            <p>{psaMessage.announcement} {psaMessage.link && (
-                <Link href={psaMessage.link}>
-                    Learn more ↗
-                </Link>
-            )}</p>
+            <div className="flex flex-row space-x-3">
+                <p>{psaMessage.announcement}</p>
+                <p className="text-blue-200 hover:text-blue-500 active:text-blue-700">
+                {psaMessage.link && (
+                    <Link href={psaMessage.link}>
+                        Learn more ↗
+                    </Link>
+                )}</p>
+            </div>
         </div>
     )
 }
-- 
cgit v1.2.3