From 537e7428d0be42370c112adcdf874bf0ce9962bb Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Tue, 29 Oct 2024 15:32:24 +0100
Subject: [PATCH 1/2] fix: connect buttons, explorer layout margin

---
 src/@aragon/ods-old/components/button/buttonWallet.tsx | 6 ++++--
 src/containers/navbar/exploreNav.tsx                   | 2 --
 src/pages/explore.tsx                                  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/@aragon/ods-old/components/button/buttonWallet.tsx b/src/@aragon/ods-old/components/button/buttonWallet.tsx
index 0d9717c0f..918e3df0b 100644
--- a/src/@aragon/ods-old/components/button/buttonWallet.tsx
+++ b/src/@aragon/ods-old/components/button/buttonWallet.tsx
@@ -44,7 +44,9 @@ type AvatarProps = Pick<ButtonWalletProps, 'isLoading' | 'isConnected' | 'src'>;
 
 const Avatar: FC<AvatarProps> = ({isConnected, isLoading, src}) => {
   if (!isConnected) {
-    return <Icon icon={IconType.PERSON} />;
+    return (
+      <Icon size="lg" responsiveSize={{md: 'md'}} icon={IconType.PERSON} />
+    );
   }
   if (isLoading) {
     return <Spinner size="small" />;
@@ -59,7 +61,7 @@ const StyledButton = styled.button.attrs<StyledButtonProp>(({isLoading}) => {
     isLoading ? 'text-primary-500' : 'text-neutral-600'
   } flex items-center md:space-x-3 font-semibold p-3 hover:text-neutral-800
     active:text-neutral-800 disabled:text-neutral-300 bg-neutral-0 hover:bg-neutral-100 active:bg-neutral-200
-    disabled:bg-neutral-100 rounded-xl focus-visible:ring focus-visible:ring-primary`;
+    disabled:bg-neutral-100 rounded-xl focus-visible:ring focus-visible:ring-primary size-12 justify-center md:w-fit`;
   return {className};
 })``;
 
diff --git a/src/containers/navbar/exploreNav.tsx b/src/containers/navbar/exploreNav.tsx
index b9505b4bc..e0072125d 100644
--- a/src/containers/navbar/exploreNav.tsx
+++ b/src/containers/navbar/exploreNav.tsx
@@ -49,7 +49,6 @@ const ExploreNav: React.FC = () => {
             <ActionsWrapper>
               {isDesktop ? (
                 <Button
-                  size="lg"
                   variant="tertiary"
                   iconRight={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
@@ -58,7 +57,6 @@ const ExploreNav: React.FC = () => {
                 </Button>
               ) : (
                 <Button
-                  size="lg"
                   variant="tertiary"
                   iconLeft={IconType.FEEDBACK}
                   onClick={handleFeedbackButtonClick}
diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 9cc139103..ca1a807fa 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -43,5 +43,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-[72px] mb-10 xl:mb-20 pb-10',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 my-12 xl:mb-20',
 })``;

From cf4b98f9bbe7eb48ce24741d43be1dda6a889158 Mon Sep 17 00:00:00 2001
From: Kevin Davis <whomst@kevind.xyz>
Date: Tue, 29 Oct 2024 15:58:01 +0100
Subject: [PATCH 2/2] chore: add responsive adjustment for explorer section

---
 src/pages/explore.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/explore.tsx b/src/pages/explore.tsx
index 6017e99b9..370776e14 100644
--- a/src/pages/explore.tsx
+++ b/src/pages/explore.tsx
@@ -41,5 +41,5 @@ export const Explore: React.FC = () => {
 
 const ContentWrapper = styled.div.attrs({
   className:
-    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 my-12 xl:mb-20',
+    'col-span-full xl:col-start-2 xl:col-end-12 space-y-10 xl:space-y-16 my-6 xl:my-12 xl:mb-20',
 })``;