Make details tab left column have full width (#8132)

keithchong · keithchong · commit 41acae98306a · 2025-11-06T15:10:10.000-05:00
Signed-off-by: Keith Chong &lt;kykchong@redhat.com&gt;
diff --git a/src/gitops/components/application/ApplicationDetailsTab.tsx b/src/gitops/components/application/ApplicationDetailsTab.tsx
@@ -175,7 +175,7 @@ const ApplicationDetailsTab: React.FC<ApplicationDetailsTabProps> = ({ obj }) =>
           direction={{ default: 'column', lg: 'row' }}
         >
           <Flex flex={{ default: 'flex_2' }}>
-            <FlexItem>
+            <FlexItem fullWidth={{ default: 'fullWidth' }}>
               <BaseDetailsSummary
                 obj={obj}
                 model={ApplicationModel}
diff --git a/src/gitops/components/appset/AppSetDetailsTab.tsx b/src/gitops/components/appset/AppSetDetailsTab.tsx
@@ -61,7 +61,7 @@ const AppSetDetailsTab: React.FC<AppSetDetailsTabProps> = ({ obj }) => {
           direction={{ default: 'column', lg: 'row' }}
         >
           <Flex flex={{ default: 'flex_2' }}>
-            <FlexItem>
+            <FlexItem fullWidth={{ default: 'fullWidth' }}>
               <BaseDetailsSummary obj={obj} model={ApplicationSetModel} />
             </FlexItem>
           </Flex>

Original file line number	Diff line number	Diff line change
`@@ -175,7 +175,7 @@ const ApplicationDetailsTab: React.FC<ApplicationDetailsTabProps> = ({ obj }) =>`
`175`	`175`	`direction={{ default: 'column', lg: 'row' }}`
`176`	`176`	`>`
`177`	`177`	`<Flex flex={{ default: 'flex_2' }}>`
`178`		`- <FlexItem>`
	`178`	`+ <FlexItem fullWidth={{ default: 'fullWidth' }}>`
`179`	`179`	`<BaseDetailsSummary`
`180`	`180`	`obj={obj}`
`181`	`181`	`model={ApplicationModel}`
Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,7 @@ const AppSetDetailsTab: React.FC<AppSetDetailsTabProps> = ({ obj }) => {`
`61`	`61`	`direction={{ default: 'column', lg: 'row' }}`
`62`	`62`	`>`
`63`	`63`	`<Flex flex={{ default: 'flex_2' }}>`
`64`		`- <FlexItem>`
	`64`	`+ <FlexItem fullWidth={{ default: 'fullWidth' }}>`
`65`	`65`	`<BaseDetailsSummary obj={obj} model={ApplicationSetModel} />`
`66`	`66`	`</FlexItem>`
`67`	`67`	`</Flex>`