fixes

Author: lucasgoral

src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx

@@ -105,8 +105,9 @@ export function ControlPlaneListWorkspaceGridTile({
               style={{
                 width: '100%',
                 display: 'grid',
-                gridTemplateColumns: '0.3fr 0.1fr 0.24fr  auto 0.05fr',
+                gridTemplateColumns: '0.3fr 0.3fr 0.24fr auto',
                 gap: '1rem',
+                justifyContent: 'space-between',
                 alignItems: 'center',
               }}
             >
@@ -115,12 +116,6 @@ export function ControlPlaneListWorkspaceGridTile({
                 {!isWorkspaceReady(workspace) ? '(Loading)' : ''}
               </Title>
 
-              <YamlViewButton
-                workspaceName={workspace.metadata.namespace}
-                resourceName={workspaceName}
-                resourceType={'workspaces'}
-              />
-
               <CopyButton
                 text={workspace.status?.namespace || '-'}
                 style={{ justifyContent: 'start' }}
@@ -131,13 +126,20 @@ export function ControlPlaneListWorkspaceGridTile({
                 project={projectName}
                 workspace={workspaceName}
               />
-              <Button
-                design={ButtonDesign.Transparent}
-                icon="delete"
-                onClick={async () => {
-                  setDialogDeleteWsIsOpen(true);
-                }}
-              />
+              <span>
+                <YamlViewButton
+                  workspaceName={workspace.metadata.namespace}
+                  resourceName={workspaceName}
+                  resourceType={'workspaces'}
+                />
+                <Button
+                  design={ButtonDesign.Transparent}
+                  icon="delete"
+                  onClick={async () => {
+                    setDialogDeleteWsIsOpen(true);
+                  }}
+                />
+              </span>
             </div>
           }
           noAnimation

src/components/Projects/ProjectsList.tsx

@@ -34,6 +34,10 @@ export default function ProjectsList() {
                   width: '100%',
                   color: ThemingParameters.sapLinkColor,
                   fontWeight: 'bold',
+                  display: 'flex',
+                  justifyContent: 'space-between',
+                  gap: '0.5rem',
+                  alignItems: 'baseline',
                 }}
               >
                 {instance.cell.value}
@@ -53,7 +57,7 @@ export default function ProjectsList() {
                   display: 'flex',
                   justifyContent: 'start',
                   gap: '0.5rem',
-                  alignItems: 'center',
+                  alignItems: 'baseline',
                   width: '100%',
                   cursor: 'pointer',
                 }}

src/components/Yaml/YamlViewButton.tsx

@@ -17,7 +17,7 @@ export const YamlViewButton: FC<ResourceProps> = ({
   const [isOpen, setIsOpen] = useState(false);
   const { t } = useTranslation();
   return (
-    <>
+    <span>
       <Dialog
         open={isOpen}
         stretch
@@ -40,12 +40,12 @@ export const YamlViewButton: FC<ResourceProps> = ({
       </Dialog>
       <Button
         icon="document"
+        aria-label={'View resource'}
+        title={'View resource'}
         onClick={() => {
           setIsOpen(true);
         }}
-      >
-        Yaml
-      </Button>
-    </>
+      />
+    </span>
   );
 };