stray improvements here and there

danilo-leal · Apr 15, 2024 · ef16003 · ef16003
1 parent 455c4d0
commit ef16003
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 9 deletions.
diff --git a/docs/src/components/action/Item.tsx b/docs/src/components/action/Item.tsx
@@ -91,7 +91,9 @@ export default function Item({
         p: 2,
         pr: smallerIconDistance ? 3 : 2,
         display: 'flex',
-        alignItems: 'center',
+        flexDirection: { xs: 'column', sm: 'row' },
+        alignItems: { xs: 'start', sm: 'center' },
+        gap: { xs: 2, sm: 0.5 },
         ...props.sx,
       }}
     >

diff --git a/docs/src/components/productDesignKit/DesignKitHero.tsx b/docs/src/components/productDesignKit/DesignKitHero.tsx
@@ -37,8 +37,8 @@ export default function TemplateHero() {
           </Typography>
           <Typography variant="h1" sx={{ my: 2, maxWidth: 500 }}>
             Material UI
-            <br /> in your favorite
-            <br /> <GradientText>design tool</GradientText>
+            <br />
+            for <GradientText>Figma</GradientText>
           </Typography>
           <Typography color="text.secondary" sx={{ mb: 3, maxWidth: 450 }}>
             Pick your favorite design tool to enjoy and use Material UI components. Boost

diff --git a/docs/src/layouts/AppFooter.tsx b/docs/src/layouts/AppFooter.tsx
@@ -88,12 +88,6 @@ export default function AppFooter(props: AppFooterProps) {
             <Link prefetch={false} href={ROUTES.productConnect}>
               Connect
             </Link>
-            <Link prefetch={false} href={ROUTES.productTemplates}>
-              Templates
-            </Link>
-            <Link prefetch={false} href={ROUTES.productDesignKits}>
-              Design Kits
-            </Link>
           </Box>
           <Box sx={{ display: 'flex', flexDirection: 'column' }}>
             <Typography fontWeight="semiBold" variant="body2" sx={{ mb: 0.5 }}>
@@ -114,6 +108,12 @@ export default function AppFooter(props: AppFooterProps) {
             <Link prefetch={false} href={ROUTES.theming}>
               Theming
             </Link>
+            <Link prefetch={false} href={ROUTES.productTemplates}>
+              Templates
+            </Link>
+            <Link prefetch={false} href={ROUTES.productDesignKits}>
+              Design Kits
+            </Link>
           </Box>
           <Box sx={{ display: 'flex', flexDirection: 'column' }}>
             <Typography fontWeight="semiBold" variant="body2" sx={{ mb: 0.5 }}>