From 857bf015964b50c6e70d2fff666fda007975fa06 Mon Sep 17 00:00:00 2001
From: Lisbet Alvarez <107949262+lisbet-alvarez@users.noreply.github.com>
Date: Wed, 9 Oct 2024 15:17:42 -0700
Subject: [PATCH] =?UTF-8?q?style:=20=F0=9F=92=84=20issues=20with=20spacing?=
 =?UTF-8?q?=20in=20manage=20scopes=20pages=20for=20a=20role=20(#2515)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* 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                       | 3 ++-
 .../components/form/role/manage-custom-scopes/index.hbs   | 8 ++++----
 .../components/form/role/manage-org-projects/index.hbs    | 8 ++++----
 ui/admin/app/styles/app.scss                              | 1 +
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/addons/core/addon/styles/addon.scss b/addons/core/addon/styles/addon.scss
index 8f9841175..891f49b8e 100644
--- a/addons/core/addon/styles/addon.scss
+++ b/addons/core/addon/styles/addon.scss
@@ -26,7 +26,8 @@
     margin-top: 3rem;
   }
 
-  > * {
+  > div,
+  table {
     margin-bottom: 1rem;
   }
 
diff --git a/ui/admin/app/components/form/role/manage-custom-scopes/index.hbs b/ui/admin/app/components/form/role/manage-custom-scopes/index.hbs
index 67c4d53cb..a23439d9c 100644
--- a/ui/admin/app/components/form/role/manage-custom-scopes/index.hbs
+++ b/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'))
diff --git a/ui/admin/app/components/form/role/manage-org-projects/index.hbs b/ui/admin/app/components/form/role/manage-org-projects/index.hbs
index 8e078fbce..7594891f1 100644
--- a/ui/admin/app/components/form/role/manage-org-projects/index.hbs
+++ b/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'))
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index b790e8f44..68bf9d4b0 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -1035,6 +1035,7 @@
   .table-selected-items-text {
     display: flex;
     justify-content: end;
+    height: 1rem;
   }
 
   .hds-table {