Fix extension info meta and action button styling

Ensure all components have the same width. Otherwise, the divider is not centered properly, which makes it look weird
2025-12-23 04:04:14 +01:00
parent 04cdfafe31
commit cf24b388ba
2 changed files with 2 additions and 1 deletions
--- a/src/features/extension/info/components/ActionButton.tsx
+++ b/src/features/extension/info/components/ActionButton.tsx
@@ -22,7 +22,7 @@ export const ActionButton = ({ pkgName, isInstalled, isObsolete, hasUpdate }: TE
    const installedState = getInstalledState(isInstalled, isObsolete, hasUpdate);

    return (
-        <Box sx={{ px: 1 }}>
+        <Box sx={{ px: 1, flexGrow: 1, flexBasis: 0 }}>
            <Button
                sx={{
                    width: '100%',
--- a/src/features/extension/info/components/ExtensionMetadata.tsx
+++ b/src/features/extension/info/components/ExtensionMetadata.tsx
@@ -26,6 +26,7 @@ export const ExtensionMetadata = ({
                    flexDirection: 'column-reverse',
                    alignItems: 'center',
                    flexGrow: 1,
+                    flexBasis: 0,
                },
            }}
            titleProps={{