fixes

Author: lucasgoral

public/locales/en.json

@@ -81,8 +81,8 @@
     "menuCopy": "Copy to clipboard"
   },
   "IllustratedBanner": {
-    "titleMessage": "You don’t have any Managed Control Planes",
-    "subtitleMessage": "Create a new Managed Control Plane to get started",
+    "titleMessage": "No Managed Control Planes found",
+    "subtitleMessage": "Get started by creating your first Managed Control Plane.",
     "helpButton": "Help"
   },
   "IntelligentBreadcrumbs": {

src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx

@@ -37,7 +37,7 @@ import { YamlViewButtonWithLoader } from '../../Yaml/YamlViewButtonWithLoader.ts
 import { IllustratedBanner } from '../../Ui/IllustratedBanner/IllustratedBanner.tsx';
 import { useLink } from '../../../lib/shared/useLink.ts';
 import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js';
-
+import styles from './WorkspacesList.module.css';
 import { ControlPlanesListMenu } from '../ControlPlanesListMenu.tsx';
 import { CreateManagedControlPlaneWizardContainer } from '../../Wizards/CreateManagedControlPlaneWizardContainer.tsx';
 
@@ -166,6 +166,7 @@ export function ControlPlaneListWorkspaceGridTile({
               }}
               button={
                 <Button
+                  className={styles.createButton}
                   icon={'add'}
                   design={'Emphasized'}
                   onClick={() => {

src/components/ControlPlanes/List/WorkspacesList.module.css

@@ -0,0 +1,4 @@
+.createButton {
+margin-bottom: 2rem;
+
+}

src/components/Members/EditMembers.tsx

@@ -11,7 +11,7 @@ import { MemberRoleSelect } from './MemberRoleSelect.tsx';
 import { ValueState } from '../Shared/Ui5ValieState.tsx';
 import { Member, MemberRoles } from '../../lib/api/types/shared/members';
 import { useTranslation } from 'react-i18next';
-
+import styles from './Members.module.css';
 export interface EditMembersProps {
   members: Member[];
   onMemberChanged: (members: Member[]) => void;
@@ -86,6 +86,7 @@ export const EditMembers: FC<EditMembersProps> = ({
         </FlexBox>
         <MemberRoleSelect value={selectedRole} onChange={handleRoleChange} />
         <Button
+          className={styles.addButton}
           data-testid="add-member-button"
           design="Emphasized"
           onClick={handleAddMember}

src/components/Members/Members.module.css

@@ -0,0 +1,3 @@
+.addButton {
+  margin-bottom: 3px;
+}

src/index.css

@@ -125,4 +125,5 @@ ui5-toast {
 .mono-font {
   font-family: 'Roboto Mono', monospace;
   font-weight: bold;
-}
+}
+