From 409eb31543ad67c8ccb021adac055687e4b04602 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fredrik=20Adel=C3=B6w?= <freben@gmail.com>
Date: Fri, 26 Mar 2021 10:42:12 +0100
Subject: [PATCH] nit: make entity page contents fill width of page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Fredrik Adelöw <freben@gmail.com>
---
 .../app/src/components/catalog/EntityPage.tsx | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/app/src/components/catalog/EntityPage.tsx b/packages/app/src/components/catalog/EntityPage.tsx
index 0f9cc98f4b..661eeb3f63 100644
--- a/packages/app/src/components/catalog/EntityPage.tsx
+++ b/packages/app/src/components/catalog/EntityPage.tsx
@@ -208,42 +208,42 @@ const EntityPageLayoutWrapper = (props: { children?: React.ReactNode }) => {
 
 const ComponentOverviewContent = ({ entity }: { entity: Entity }) => (
   <Grid container spacing={3} alignItems="stretch">
-    <Grid item md={6}>
+    <Grid item xs={12} md={6}>
       <AboutCard entity={entity} variant="gridItem" />
     </Grid>
     {isPagerDutyAvailable(entity) && (
-      <Grid item md={6}>
+      <Grid item xs={12} md={6}>
         <EntityProvider entity={entity}>
           <PagerDutyCard />
         </EntityProvider>
       </Grid>
     )}
-    <Grid item md={4} sm={6}>
+    <Grid item xs={12} md={6}>
       <EntityLinksCard entity={entity} />
     </Grid>
     <RecentCICDRunsSwitcher entity={entity} />
     {isGitHubAvailable(entity) && (
       <>
-        <Grid item md={6}>
+        <Grid item xs={12} md={6}>
           <LanguagesCard entity={entity} />
           <ReleasesCard entity={entity} />
         </Grid>
-        <Grid item md={6}>
+        <Grid item xs={12} md={6}>
           <ReadMeCard entity={entity} maxHeight={350} />
         </Grid>
       </>
     )}
     {isLighthouseAvailable(entity) && (
-      <Grid item sm={4}>
+      <Grid item xs={12} sm={4}>
         <LastLighthouseAuditCard variant="gridItem" />
       </Grid>
     )}
     {isPullRequestsAvailable(entity) && (
-      <Grid item sm={4}>
+      <Grid item xs={12} sm={4}>
         <PullRequestsStatsCard entity={entity} />
       </Grid>
     )}
-    <Grid item md={6}>
+    <Grid item xs={12} md={6}>
       <EntityHasSubcomponentsCard variant="gridItem" />
     </Grid>
   </Grid>
@@ -251,10 +251,10 @@ const ComponentOverviewContent = ({ entity }: { entity: Entity }) => (
 
 const ComponentApisContent = ({ entity }: { entity: Entity }) => (
   <Grid container spacing={3} alignItems="stretch">
-    <Grid item md={6}>
+    <Grid item xs={12} md={6}>
       <ProvidedApisCard entity={entity} />
     </Grid>
-    <Grid item md={6}>
+    <Grid item xs={12} md={6}>
       <ConsumedApisCard entity={entity} />
     </Grid>
   </Grid>