fix: design fixes

Author: astandrik

src/components/StorageGroupInfo/StorageGroupInfo.tsx

@@ -22,8 +22,6 @@ interface StorageGroupInfoProps extends Omit<InfoViewerProps, 'info'> {
 // eslint-disable-next-line complexity
 export function StorageGroupInfo({data, className, ...infoViewerProps}: StorageGroupInfoProps) {
     const {
-        GroupId,
-        PoolName,
         Encryption,
         Overall,
         DiskSpace,
@@ -47,24 +45,12 @@ export function StorageGroupInfo({data, className, ...infoViewerProps}: StorageG
 
     const storageGroupInfoFirstColumn = [];
 
-    if (valueIsDefined(GroupId)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('group-id'),
-            value: GroupId,
-        });
-    }
     if (valueIsDefined(GroupGeneration)) {
         storageGroupInfoFirstColumn.push({
             label: storageGroupInfoKeyset('group-generation'),
             value: GroupGeneration,
         });
     }
-    if (valueIsDefined(PoolName)) {
-        storageGroupInfoFirstColumn.push({
-            label: storageGroupInfoKeyset('pool-name'),
-            value: PoolName,
-        });
-    }
     if (valueIsDefined(ErasureSpecies)) {
         storageGroupInfoFirstColumn.push({
             label: storageGroupInfoKeyset('erasure-species'),

src/components/StorageGroupInfo/i18n/en.json

@@ -1,5 +1,4 @@
 {
-  "group-id": "Group ID",
   "pool-name": "Pool Name",
   "encryption": "Encryption",
   "overall": "Overall",

src/containers/StorageGroupPage/StorageGroupPage.scss

@@ -20,6 +20,10 @@
         left: 0;
     }
 
+    &__info {
+        margin-top: var(--g-spacing-10);
+    }
+
     &__controls {
         display: flex;
         align-items: center;

src/containers/StorageGroupPage/StorageGroupPage.tsx

@@ -102,7 +102,7 @@ export function StorageGroupPage() {
             return null;
         }
 
-        const items = [`${storageGroupPageKeyset('storage-group')}: ${groupId}`];
+        const items = [`${storageGroupPageKeyset('pool-name')}: ${storageGroupData?.PoolName}`];
 
         return (
             <PageMetaWithAutorefresh

src/containers/StorageGroupPage/i18n/en.json

@@ -1,5 +1,6 @@
 {
   "storage-group": "Storage Group",
   "group": "Group",
-  "nodes": "Nodes"
+  "nodes": "Nodes",
+  "pool-name": "Pool Name"
 }