From 15c26adff1c8948a118f7d48ba01725f11089b17 Mon Sep 17 00:00:00 2001
From: Luqmaan Essop <luqmaan.essop@amazeelabs.com>
Date: Mon, 15 Apr 2024 14:38:56 +0000
Subject: [PATCH 1/2] style: adjustments on figcaption and unordered list

---
 packages/ui/src/components/Organisms/Footer.tsx      | 12 ++++++------
 .../components/Organisms/PageContent/BlockMarkup.tsx |  2 +-
 .../components/Organisms/PageContent/BlockMedia.tsx  |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/components/Organisms/Footer.tsx b/packages/ui/src/components/Organisms/Footer.tsx
index 059b57695..0264b134f 100644
--- a/packages/ui/src/components/Organisms/Footer.tsx
+++ b/packages/ui/src/components/Organisms/Footer.tsx
@@ -73,7 +73,7 @@ export function Footer() {
               <div className="flex mt-4 space-x-6 sm:justify-center sm:mt-0">
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black dark:hover:text-white"
                 >
                   <svg
                     className="w-5 h-5"
@@ -90,7 +90,7 @@ export function Footer() {
                 </a>
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black dark:hover:text-white"
                 >
                   <svg
                     className="w-5 h-5"
@@ -103,7 +103,7 @@ export function Footer() {
                 </a>
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black dark:hover:text-white"
                 >
                   <svg
                     className="w-5 h-5"
@@ -120,7 +120,7 @@ export function Footer() {
                 </a>
                 <a
                   href="#"
-                  className="text-gray-400 hover:text-blue-600 dark:hover:text-white"
+                  className="text-gray-400 hover:text-black"
                 >
                   <svg
                     className="w-5 h-5"
@@ -155,7 +155,7 @@ export function Footer() {
                       <Link
                         href={item.target!}
                         className={
-                          'text-gray-900 block hover:text-blue-600 transition-all font-bold text-[0.875rem] leading-[1.313rem] uppercase mb-4'
+                          'text-gray-900 block hover:underline transition-all font-bold text-[0.875rem] leading-[1.313rem] uppercase mb-4'
                         }
                       >
                         {item.title}
@@ -174,7 +174,7 @@ export function Footer() {
                           <Link
                             key={child.target}
                             href={child.target}
-                            className="block transition-all text-base mb-4 hover:text-blue-600"
+                            className="block transition-all text-base mb-4 hover:underline"
                           >
                             {child.title}
                           </Link>
diff --git a/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx b/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx
index 7ff050f95..54f29a9fb 100644
--- a/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx
+++ b/packages/ui/src/components/Organisms/PageContent/BlockMarkup.tsx
@@ -43,7 +43,7 @@ export function BlockMarkup(props: BlockMarkupFragment) {
                 className={clsx(className, { 'list-none relative': unordered })}
               >
                 {unordered ? (
-                  <ArrowRightCircleIcon className="w-6 h-6 absolute mt-0.5 left-[-1.5em] text-indigo-600" />
+                  <ArrowRightCircleIcon className="not-prose w-6 h-6 absolute mt-1.5 left-[-1.5em] text-indigo-600" />
                 ) : null}
                 {children}
               </li>
diff --git a/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx b/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
index a2d9ec34d..4907c2486 100644
--- a/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
+++ b/packages/ui/src/components/Organisms/PageContent/BlockMedia.tsx
@@ -13,7 +13,7 @@ export function BlockMedia(props: BlockMediaFragment) {
       <figure className="mt-16 mx-auto max-w-3xl">
         <Media {...props.media} />
         {props.caption ? (
-          <figcaption className="mt-4 flex gap-x-2 text-sm leading-6 text-gray-500">
+          <figcaption className="mt-3 flex justify-center gap-x-2 text-sm leading-6 text-gray-500">
             <Html markup={props.caption} />
           </figcaption>
         ) : null}
@@ -27,7 +27,7 @@ function Media(props: Required<BlockMediaFragment>['media']) {
     case 'MediaImage':
       return (
         <Image
-          className="rounded-xl max-w-full mx-auto"
+          className="max-w-full mx-auto"
           source={props.source}
           alt={props.alt}
         />

From bb8e37de241e05bfab955b88b0286354a538373c Mon Sep 17 00:00:00 2001
From: Luqmaan Essop <luqmaan.essop@amazeelabs.com>
Date: Mon, 15 Apr 2024 14:43:42 +0000
Subject: [PATCH 2/2] chore: prettier

---
 packages/ui/src/components/Organisms/Footer.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/ui/src/components/Organisms/Footer.tsx b/packages/ui/src/components/Organisms/Footer.tsx
index 0264b134f..b318df60b 100644
--- a/packages/ui/src/components/Organisms/Footer.tsx
+++ b/packages/ui/src/components/Organisms/Footer.tsx
@@ -118,10 +118,7 @@ export function Footer() {
                     />
                   </svg>
                 </a>
-                <a
-                  href="#"
-                  className="text-gray-400 hover:text-black"
-                >
+                <a href="#" className="text-gray-400 hover:text-black">
                   <svg
                     className="w-5 h-5"
                     fill="currentColor"