Merge pull request #31760 from stephenglass/fix/nfs-catalog-responsiveness-issues

fix(catalog): fix responsiveness for catalog entity content in nfs

.changeset/lucky-parrots-yell.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-catalog': patch
+---
+
+Fixed responsiveness issues with catalog entity content layout using the new frontend system.

plugins/catalog/src/alpha/DefaultEntityContentLayout.tsx

@@ -61,7 +61,7 @@ const useStyles = makeStyles<
   infoArea: {
     display: 'flex',
     flexFlow: 'column nowrap',
-    alignItems: 'flex-start',
+    alignItems: 'stretch',
     gap: theme.spacing(3),
     minWidth: 0,
     '& > *': {
@@ -71,10 +71,11 @@ const useStyles = makeStyles<
   },
   summaryArea: {
     minWidth: 0,
-    margin: theme.spacing(1.5), // To counteract MUI negative grid margin
+    margin: theme.spacing(1), // To counteract MUI negative grid margin
   },
   summaryCard: {
     flex: '0 0 auto',
+    width: '100%',
     '& + &': {
       marginLeft: theme.spacing(3),
     },
@@ -105,7 +106,7 @@ const useStyles = makeStyles<
     },
     summaryArea: {
       gridArea: 'summary',
-      marginBottom: theme.spacing(3),
+      margin: theme.spacing(1), // To counteract MUI negative grid margin
     },
     infoArea: {
       gridArea: 'info',
@@ -126,6 +127,9 @@ const useStyles = makeStyles<
         display: 'none',
       },
     },
+    summaryCard: {
+      width: 'auto',
+    },
   },
 }));