Merge branch 'main' into chore/remove-unused-packages

Author: enrico-kaack-comp

.reuse/dep5

@@ -0,0 +1,11 @@
+version = 1
+SPDX-PackageName = "ui-frontend"
+SPDX-PackageSupplier = "[email protected]"
+SPDX-PackageDownloadLocation = "https://github.com/openmcp-project/ui-frontend"
+SPDX-PackageComment = "The code in this project may include calls to APIs (\"API Calls\") of\n SAP or third-party products or services developed outside of this project\n (\"External Products\").\n \"APIs\" means application programming interfaces, as well as their respective\n specifications and implementing code that allows software to communicate with\n other software.\n API Calls to External Products are not licensed under the open source license\n that governs this project. The use of such API Calls and related External\n Products are subject to applicable additional agreements with the relevant\n provider of the External Products. In no event shall the open source license\n that governs this project grant any rights in or to any External Products,or\n alter, expand or supersede any terms of the applicable additional agreements.\n If you have a valid license agreement with SAP for the use of a particular SAP\n External Product, then you may make use of any API Calls included in this\n project's code for that SAP External Product, subject to the terms of such\n license agreement. If you do not have a valid license agreement for the use of\n a particular SAP External Product, then you may only make use of any API Calls\n in this project for that SAP External Product for your internal, non-productive\n and non-commercial test and evaluation of such API Calls. Nothing herein grants\n you any rights to use or access any SAP External Product, or provide any third\n parties the right to use of access any SAP External Product, through API Calls."
+
+[[annotations]]
+path = "**"
+precedence = "closest"
+SPDX-FileCopyrightText = "2025 SAP SE or an SAP affiliate company and ui-frontend contributors"
+SPDX-License-Identifier = "Apache-2.0"

REUSE.toml

@@ -52,7 +52,10 @@ export function ControlPlaneCard({
 
   return (
     <>
-      <Card key={`${name}--${namespace}`}>
+      <Card
+        key={`${name}--${namespace}`}
+        style={{ margin: '12px 12px 12px 0' }}
+      >
         <div style={{ padding: '20px' }}>
           <FlexBox direction="Column">
             <FlexBox direction="Row" justifyContent="SpaceBetween">

src/components/ControlPlanes/ControlPlaneCard.tsx

@@ -95,13 +95,14 @@ export function ControlPlaneListWorkspaceGridTile({
       >
         <Panel
           headerLevel="H2"
+          style={{ margin: '12px 12px 12px 0' }}
           collapsed={controlplanes?.length === 0}
           header={
             <div
               style={{
                 width: '100%',
                 display: 'grid',
-                gridTemplateColumns: '1fr 1fr 1fr auto',
+                gridTemplateColumns: '0.3fr 0.24fr auto 0.05fr',
                 gap: '1rem',
                 alignItems: 'center',
               }}

src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx

@@ -31,9 +31,10 @@ export function MembersAvatarView({ members, project, workspace }: Props) {
   }
 
   return (
-    <div style={{ maxWidth: '300px' }}>
+    <div style={{ display: 'flex', justifyContent: 'flex-end' }}>
       <AvatarGroup
         ref={openerRef}
+        style={{ maxWidth: '200px' }}
         type={AvatarGroupType.Group}
         onClick={handleOnClick}
       >

src/components/ControlPlanes/List/MembersAvatarView.tsx

@@ -8,6 +8,7 @@ import { projectnameToNamespace } from '../../utils/index';
 import '@ui5/webcomponents-icons/dist/copy';
 import '@ui5/webcomponents-icons/dist/arrow-right';
 import { ListProjectNames } from '../../lib/api/types/crate/listProjectNames';
+import { t } from 'i18next';
 
 export default function ProjectsList() {
   const navigate = useLuigiNavigate();
@@ -21,9 +22,10 @@ export default function ProjectsList() {
   return (
     <>
       <AnalyticalTable
+        style={{ margin: '12px' }}
         columns={[
           {
-            Header: 'Projects',
+            Header: t('ProjectsListView.title'),
             accessor: 'projectName',
             Cell: (instance: any) => (
               <div

src/components/Projects/ProjectsList.tsx

@@ -1,8 +1,4 @@
-import {
-  ObjectPage,
-  ObjectPageSection,
-  ObjectPageTitle,
-} from '@ui5/webcomponents-react';
+import { ObjectPage, ObjectPageTitle } from '@ui5/webcomponents-react';
 import ProjectsList from '../components/Projects/ProjectsList.tsx';
 import IntelligentBreadcrumbs from '../components/Core/IntelligentBreadcrumbs.tsx';
 import { ProjectListToolbar } from '../components/Projects/ProjectListToolbar.tsx';
@@ -22,9 +18,7 @@ export default function ProjectsListView() {
         />
       }
     >
-      <ObjectPageSection id="projects" titleText={t('ProjectsListView.title')}>
-        <ProjectsList />
-      </ObjectPageSection>
+      <ProjectsList />
     </ObjectPage>
   );
 }