From 723179be814aaccf4e05a2372e9abb135a1676ba Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 7 Oct 2024 16:38:31 -0500
Subject: [PATCH] Few more small styling fixes on promotional carousel

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

diff --git a/src/components/content/carousels/InteractivePromotionalCarousel.js b/src/components/content/carousels/InteractivePromotionalCarousel.js
index bc2375c..df47593 100644
--- a/src/components/content/carousels/InteractivePromotionalCarousel.js
+++ b/src/components/content/carousels/InteractivePromotionalCarousel.js
@@ -76,13 +76,13 @@ const InteractivePromotionalCarousel = () => {
   }, [selectedPromotion]);
 
   return (
-    <div className={`flex ${isTabView ? 'flex-col' : 'flex-row'} bg-gray-900 text-white m-4 mx-14 rounded-lg ${isTabView ? 'h-auto' : 'h-[620px]'} ${isTabView ? 'w-full mx-0 ml-0 mt-0' : null}`}>
+    <div className={`flex ${isTabView ? 'flex-col' : 'flex-row'} bg-gray-900 text-white m-4 mx-14 rounded-lg rounded-tr-none rounded-br-none ${isTabView ? 'h-auto' : 'h-[620px]'} ${isTabView ? 'w-full mx-0 ml-0 mt-0' : null}`}>
       <div className={isTabView ? 'w-full' : 'lg:w-2/3 relative'}>
         {selectedPromotion.video ? (
           <video
             ref={videoRef}
             src={selectedPromotion.video}
-            className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg`}
+            className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg rounded-tr-none rounded-br-none`}
             loop
             muted
             playsInline
@@ -93,7 +93,7 @@ const InteractivePromotionalCarousel = () => {
             alt={selectedPromotion.title}
             width={800}
             height={600}
-            className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg opacity-75`}
+            className={`object-cover w-full ${isTabView ? 'h-[300px]' : 'h-full'} rounded-lg opacity-75 rounded-tr-none rounded-br-none`}
           />
         )}
         {isTabView ? (
diff --git a/src/components/content/carousels/MessagesCarousel.js b/src/components/content/carousels/MessagesCarousel.js
index 5eb3fac..33b5abd 100644
--- a/src/components/content/carousels/MessagesCarousel.js
+++ b/src/components/content/carousels/MessagesCarousel.js
@@ -8,7 +8,7 @@ const MessageCarousel = ({ copyToClipboard }) => {
 
     const messageTemplate = ({title, description, showGithub, showX, showNostr, showYoutube, showDonate, showFeedback}) => (
         <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] text-[18px] font-semibold">{title}</p>
             <p className="text-[#f8f8ff]">{description}</p>
             <div className="flex flex-wrap gap-4 justify-center">
                 {showGithub && (