style: 💄 issues with spacing in manage scopes pages for a role (#2515)

* style: 💄 issues with spacing in manage scopes pages for a role

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-15287

addons/core/addon/styles/addon.scss

@@ -26,7 +26,8 @@
     margin-top: 3rem;
   }
 
-  > * {
+  > div,
+  table {
     margin-bottom: 1rem;
   }
 

ui/admin/app/components/form/role/manage-custom-scopes/index.hbs

@@ -21,8 +21,8 @@
       />
     </Hds::SegmentedGroup>
     {{#if @model.orgScopes}}
-      {{#if @model.role.grantScopeOrgIDs.length}}
-        <div class='table-selected-items-text'>
+      <div class='table-selected-items-text'>
+        {{#if @model.role.grantScopeOrgIDs.length}}
           <Hds::Text::Body @tag='p' @color='faint'>
             {{t
               'resources.role.scope.titles.selected'
@@ -30,8 +30,8 @@
               total=@model.totalItemsCount
             }}
           </Hds::Text::Body>
-        </div>
-      {{/if}}
+        {{/if}}
+      </div>
       <Hds::Table
         @columns={{array
           (hash label=(t 'resources.role.scope.title'))

ui/admin/app/components/form/role/manage-org-projects/index.hbs

@@ -21,8 +21,8 @@
       />
     </Hds::SegmentedGroup>
     {{#if @model.projectScopes}}
-      {{#if this.selectedProjectsCount}}
-        <div class='table-selected-items-text'>
+      <div class='table-selected-items-text'>
+        {{#if this.selectedProjectsCount}}
           <Hds::Text::Body @tag='p' @color='faint'>
             {{t
               'resources.role.scope.titles.selected'
@@ -30,8 +30,8 @@
               total=@model.totalItemsCount
             }}
           </Hds::Text::Body>
-        </div>
-      {{/if}}
+        {{/if}}
+      </div>
       <Hds::Table
         @columns={{array
           (hash label=(t 'resources.project.title'))

ui/admin/app/styles/app.scss

@@ -1035,6 +1035,7 @@
   .table-selected-items-text {
     display: flex;
     justify-content: end;
+    height: 1rem;
   }
 
   .hds-table {