chore: clean up styling further

aragon · Jun 28, 2024 · 2dcf1d6 · 2dcf1d6
1 parent 8fd78a3
commit 2dcf1d6
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/@aragon/ods-old/components/headers/headerDao.tsx b/src/@aragon/ods-old/components/headers/headerDao.tsx
@@ -218,7 +218,8 @@ export const HeaderDao: React.FC<HeaderDaoProps> = ({
                 <Button
                   iconRight={IconType.CHEVRON_DOWN}
                   variant="tertiary"
-                  size="lg"
+                  size="sm"
+                  responsiveSize={{md: 'md'}}
                   className="text-nowrap"
                 >
                   All Links
@@ -235,7 +236,8 @@ export const HeaderDao: React.FC<HeaderDaoProps> = ({
           <Button
             onClick={onFollowClick}
             variant="tertiary"
-            size="lg"
+            size="sm"
+            responsiveSize={{md: 'md'}}
             iconLeft={following ? IconType.CHECKMARK : undefined}
           >
             {following ? labels.following : labels.follow}
@@ -283,7 +285,8 @@ const Description = styled.p.attrs({
 `;
 
 const DetailsWrapper = styled.div.attrs({
-  className: 'flex items-center justify-between flex gap-x-6',
+  className:
+    'flex sm:items-center justify-start items-start sm:justify-between flex-col gap-y-4 sm:flex-row sm:gap-x-6',
 })``;
 
 const NetworkDetailsContainer = styled.div.attrs({

diff --git a/src/@aragon/ods-old/components/link/link.tsx b/src/@aragon/ods-old/components/link/link.tsx
@@ -49,7 +49,7 @@ export const Link = React.forwardRef<HTMLAnchorElement, LinkProps>(
         {...props}
         data-testid="link"
       >
-        <div className="flex items-center">
+        <div className="flex items-center gap-x-2">
           <Label>{label}</Label>
           {iconRight && <Icon icon={iconRight} size="sm" />}
         </div>