From 05167dfd7a01a6d6b0ca3c32e2fb4eba3be472c7 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Fri, 27 Jun 2025 12:17:47 +1000
Subject: [PATCH] feat(ui): use existing design language for install model
 bundle buttons

---
 .../LaunchpadForm/LaunchpadForm.tsx           | 51 +++----------------
 1 file changed, 6 insertions(+), 45 deletions(-)

diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/LaunchpadForm/LaunchpadForm.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/LaunchpadForm/LaunchpadForm.tsx
index 2a189e7d03..f8b81ea7b2 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/LaunchpadForm/LaunchpadForm.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/LaunchpadForm/LaunchpadForm.tsx
@@ -165,53 +165,14 @@ export const LaunchpadForm = memo(() => {
                   {t('modelManager.launchpad.bundleDescription')}
                 </Text>
                 <Grid templateColumns="repeat(auto-fit, minmax(180px, 1fr))" gap={2}>
-                  <Button
-                    onClick={handleSD15BundleClick}
-                    variant="outline"
-                    h="auto"
-                    minH={10}
-                    p={3}
-                    textAlign="center"
-                    justifyContent="center"
-                    alignItems="center"
-                    borderRadius="lg"
-                    whiteSpace="normal"
-                  >
-                    <Text fontSize="sm" fontWeight="bold" noOfLines={1}>
-                      {t('modelManager.launchpad.stableDiffusion15')}
-                    </Text>
+                  <Button onClick={handleSD15BundleClick} variant="outline" p={6}>
+                    {t('modelManager.launchpad.stableDiffusion15')}
                   </Button>
-                  <Button
-                    onClick={handleSDXLBundleClick}
-                    variant="outline"
-                    h="auto"
-                    minH={10}
-                    p={3}
-                    textAlign="center"
-                    justifyContent="center"
-                    alignItems="center"
-                    borderRadius="lg"
-                    whiteSpace="normal"
-                  >
-                    <Text fontSize="sm" fontWeight="bold" noOfLines={1}>
-                      {t('modelManager.launchpad.sdxl')}
-                    </Text>
+                  <Button onClick={handleSDXLBundleClick} variant="outline" p={6}>
+                    {t('modelManager.launchpad.sdxl')}
                   </Button>
-                  <Button
-                    onClick={handleFluxBundleClick}
-                    variant="outline"
-                    h="auto"
-                    minH={10}
-                    p={3}
-                    textAlign="center"
-                    justifyContent="center"
-                    alignItems="center"
-                    borderRadius="lg"
-                    whiteSpace="normal"
-                  >
-                    <Text fontSize="sm" fontWeight="bold" noOfLines={1}>
-                      {t('modelManager.launchpad.fluxDev')}
-                    </Text>
+                  <Button onClick={handleFluxBundleClick} variant="outline" p={6}>
+                    {t('modelManager.launchpad.fluxDev')}
                   </Button>
                 </Grid>
               </Box>