fix

Author: lucasgoral

public/yaml-icon.svg

@@ -78,9 +78,10 @@ export default function FluxList() {
         accessor: 'created',
       },
       {
-        Header: '',
-        accessor: 'item',
-        hAlign: 'End',
+        Header: 'YAML',
+        hAlign: 'Center',
+        width: 85,
+        accessor: 'yaml',
         Cell: (cellData: CellData<KustomizationsResponse['items']>) => (
           <YamlViewButton resourceObject={cellData.cell.row.original?.item} />
         ),

src/components/ControlPlane/FluxList.tsx

@@ -87,9 +87,10 @@ export function Providers() {
         accessor: 'created',
       },
       {
-        Header: '',
-        hAlign: 'End',
-        accessor: 'item',
+        Header: 'YAML',
+        hAlign: 'Center',
+        width: 85,
+        accessor: 'yaml',
         Cell: (cellData: CellData<ProvidersRow>) => (
           <YamlViewButton resourceObject={cellData.cell.row.original?.item} />
         ),

src/components/ControlPlane/Providers.tsx

@@ -72,9 +72,10 @@ export function ProvidersConfig() {
         accessor: 'created',
       },
       {
-        Header: '',
-        accessor: 'resource',
-        hAlign: 'End',
+        Header: 'YAML',
+        hAlign: 'Center',
+        width: 85,
+        accessor: 'yaml',
         Cell: (cellData: CellData<Rows>) =>
           cellData.cell.row.original?.resource ? (
             <YamlViewButton

src/components/ControlPlane/ProvidersConfig.tsx

@@ -1,4 +1,7 @@
-import { AnalyticalTable } from '@ui5/webcomponents-react';
+import {
+  AnalyticalTable,
+  AnalyticalTableColumnDefinition,
+} from '@ui5/webcomponents-react';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { CopyButton } from '../Shared/CopyButton.tsx';
 import useLuigiNavigate from '../Shared/useLuigiNavigate.tsx';
@@ -28,7 +31,7 @@ export default function ProjectsList() {
       }) ?? [],
     [data],
   );
-  const stabilizedColumns = useMemo(
+  const stabilizedColumns: AnalyticalTableColumnDefinition[] = useMemo(
     () => [
       {
         Header: t('ProjectsListView.title'),
@@ -73,6 +76,7 @@ export default function ProjectsList() {
         Header: 'YAML',
         accessor: 'yaml',
         width: 85,
+        hAlign: 'Center',
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         Cell: (instance: any) => (
           <div