From 5b596804a8d4564096f20338098de19952419e07 Mon Sep 17 00:00:00 2001
From: Konrad Gnat <konradmgnat@gmail.com>
Date: Tue, 1 Nov 2022 19:54:15 -0500
Subject: [PATCH] minor style and merge request improvements

---
 packages/web/components/Patron/Join/PerksHeader.tsx   | 4 ++--
 packages/web/components/Patron/Join/RankedLeagues.tsx | 2 +-
 packages/web/components/Patron/PatronTile.tsx         | 7 +++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/web/components/Patron/Join/PerksHeader.tsx b/packages/web/components/Patron/Join/PerksHeader.tsx
index adfeda76..f3fac528 100644
--- a/packages/web/components/Patron/Join/PerksHeader.tsx
+++ b/packages/web/components/Patron/Join/PerksHeader.tsx
@@ -20,7 +20,7 @@ export const PerksHeader = ({ title, count, pSeeds, amountUsd }: Props) => {
     : pSeedLabel;
   let amountDisplay = (
     <Text color="white" fontSize="md">
-      {amountLabel}
+      current req: {amountLabel}
     </Text>
   );
   if (amountUsd != null) {
@@ -28,7 +28,7 @@ export const PerksHeader = ({ title, count, pSeeds, amountUsd }: Props) => {
   }
   return (
     <Flex
-      direction="row"
+      direction={{ base: 'column', sm: 'row' }}
       justify="space-between"
       p="4"
       roundedTop="lg"
diff --git a/packages/web/components/Patron/Join/RankedLeagues.tsx b/packages/web/components/Patron/Join/RankedLeagues.tsx
index 8f1d8a40..e3e5f3b2 100644
--- a/packages/web/components/Patron/Join/RankedLeagues.tsx
+++ b/packages/web/components/Patron/Join/RankedLeagues.tsx
@@ -169,7 +169,7 @@ export const RankedLeagues: React.FC<Props> = ({
         <Box
           className={'mg-patron-join-card-bg'}
           borderRadius={8}
-          maxW="lg"
+          width={{ base: '100%', md: 'lg' }}
           my={2}
           p={4}
         >
diff --git a/packages/web/components/Patron/PatronTile.tsx b/packages/web/components/Patron/PatronTile.tsx
index 38551e3b..b995c12c 100644
--- a/packages/web/components/Patron/PatronTile.tsx
+++ b/packages/web/components/Patron/PatronTile.tsx
@@ -49,7 +49,7 @@ export const PatronTile: React.FC<Props> = ({ index, patron, pSeedPrice }) => {
     [index],
   );
 
-  const { label: timeZone = null, offset = null } = useMemo(
+  const { label: timeZone = null } = useMemo(
     () =>
       getTimeZoneFor({ location: player.profile?.timeZone ?? undefined }) ?? {
         label: null,
@@ -123,10 +123,9 @@ export const PatronTile: React.FC<Props> = ({ index, patron, pSeedPrice }) => {
                 </WrapItem>
               </Wrap>
               {timeZone && (
-                <HStack alignItems="baseline" w="auto" justify="center">
+                <HStack alignItems="center" w="auto" justify="center">
                   <FaGlobe color="blueLight" fontSize="0.875rem" />
-                  <Text fontSize="lg">{timeZone || '―'}</Text>
-                  {offset != null && <Text fontSize="sm">{offset}</Text>}
+                  <Text fontSize="sm">{timeZone || '―'}</Text>
                 </HStack>
               )}
               {displayDescription && (