style(console): update permission table style (#3709)

packages/console/src/components/PermissionsTable/index.module.scss

@@ -13,6 +13,10 @@
     .searchInput {
       width: 306px;
     }
+
+    .createButton {
+      margin-left: _.unit(2);
+    }
   }
 
   .name {
@@ -33,4 +37,8 @@
     display: block;
     @include _.text-ellipsis;
   }
+
+  .deleteColumn {
+    text-align: right;
+  }
 }

packages/console/src/components/PermissionsTable/index.tsx

@@ -94,7 +94,8 @@ function PermissionsTable({
   const deleteColumn: Column<ScopeResponse> = {
     title: null,
     dataIndex: 'delete',
-    colSpan: 1,
+    colSpan: 2,
+    className: styles.deleteColumn,
     render: (scope) =>
       /**
        * When the table is read-only, hide the delete button rather than the whole column to keep the table column spaces.
@@ -143,6 +144,7 @@ function PermissionsTable({
           {!isReadOnly && (
             <Button
               title={createButtonTitle}
+              className={styles.createButton}
               type="primary"
               size="large"
               icon={<Plus />}

packages/console/src/components/Table/index.module.scss

@@ -4,6 +4,7 @@
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  min-width: min-content;
 }
 
 .tableContainer {