From befe9af718d0f80869ec9a22c4fa239d7567f921 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 7 Oct 2024 16:36:13 -0500
Subject: [PATCH] A bit of resizing in message carousel

---
 .../content/carousels/InteractivePromotionalCarousel.js   | 2 +-
 src/components/content/carousels/MessagesCarousel.js      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/content/carousels/InteractivePromotionalCarousel.js b/src/components/content/carousels/InteractivePromotionalCarousel.js
index 440e165..bc2375c 100644
--- a/src/components/content/carousels/InteractivePromotionalCarousel.js
+++ b/src/components/content/carousels/InteractivePromotionalCarousel.js
@@ -206,7 +206,7 @@ const InteractivePromotionalCarousel = () => {
             <div
               key={promo.id}
               className={`space-evenly cursor-pointer transition-colors duration-200 hover:bg-gray-700 ${selectedPromotion.id === promo.id ? "bg-gray-700" : "bg-gray-800"
-                } p-4 rounded-lg shadow-lg`}
+                } p-3 rounded-lg shadow-lg`}
               onClick={() => setSelectedPromotion(promo)}>
               <div className="flex items-center gap-2">
                 <i className={`${promo.icon} text-xl text-[#f8f8ff]`}></i>
diff --git a/src/components/content/carousels/MessagesCarousel.js b/src/components/content/carousels/MessagesCarousel.js
index 71c2bc8..5eb3fac 100644
--- a/src/components/content/carousels/MessagesCarousel.js
+++ b/src/components/content/carousels/MessagesCarousel.js
@@ -7,9 +7,9 @@ import NostrIcon from "../../../../public/images/nostr.png";
 const MessageCarousel = ({ copyToClipboard }) => {
 
     const messageTemplate = ({title, description, showGithub, showX, showNostr, showYoutube, showDonate, showFeedback}) => (
-        <div className="flex flex-col justify-between bg-gray-800 p-4 rounded-lg shadow-lg min-h-[182px]">
-            <p>{title}</p>
-            <p>{description}</p>
+        <div className="flex flex-col justify-between bg-gray-800 p-3 rounded-lg shadow-lg min-h-[182px]">
+            <p className="text-[#f8f8ff] text-[19px] font-semibold">{title}</p>
+            <p className="text-[#f8f8ff]">{description}</p>
             <div className="flex flex-wrap gap-4 justify-center">
                 {showGithub && (
                     <i
@@ -74,7 +74,7 @@ const MessageCarousel = ({ copyToClipboard }) => {
             showFeedback: true,
         },
         {
-            title: "PLEBDEVS 🤝👨‍💻🤝👩‍💻🤝🧑‍💻🤝",
+            title: "PlebDevs 🤝👨‍💻🤝👩‍💻🤝🧑‍💻🤝",
             description: "Plebdevs is open source software and is still in early development. If you have any questions drop an issue on the Github repo, or reach out to me in the Community tab, cheers! - Austin",
             showGithub: true,
             showX: true,