From 667f0378c256ebcca1a124b6fded389d2b99f5c7 Mon Sep 17 00:00:00 2001
From: Michael Chadwick <michael.chadwick@gmail.com>
Date: Fri, 9 Aug 2024 15:45:49 -0700
Subject: [PATCH] if lg members or subgroups is empty, add css class and remove
 padding

---
 packages/frontend/app/components/learner-group/members.hbs   | 2 +-
 packages/frontend/app/components/learner-group/root.hbs      | 2 +-
 packages/frontend/app/styles/components/programs/list.scss   | 4 ++++
 .../app/styles/ilios-common/mixins/detail-container.scss     | 5 +++++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/app/components/learner-group/members.hbs b/packages/frontend/app/components/learner-group/members.hbs
index 9e4ac4c77e..ec970f7f51 100644
--- a/packages/frontend/app/components/learner-group/members.hbs
+++ b/packages/frontend/app/components/learner-group/members.hbs
@@ -1,6 +1,6 @@
 {{#let (unique-id) as |templateId|}}
   <div
-    class="learner-group-members"
+    class="learner-group-members{{if (eq this.usersInGroup.length 0) " empty"}}"
     data-test-learner-group-members
   >
     {{#if this.usersInGroup.length}}
diff --git a/packages/frontend/app/components/learner-group/root.hbs b/packages/frontend/app/components/learner-group/root.hbs
index 083452dc98..d646a63a7d 100644
--- a/packages/frontend/app/components/learner-group/root.hbs
+++ b/packages/frontend/app/components/learner-group/root.hbs
@@ -241,7 +241,7 @@
               </div>
             {{/if}}
           </div>
-          <div class="list">
+          <div class="list{{if (eq @learnerGroup.childrenCount 0) " empty"}}">
            {{#if @learnerGroup.childrenCount}}
               <LearnerGroup::List
                 @learnerGroups={{this.learnerGroups}}
diff --git a/packages/frontend/app/styles/components/programs/list.scss b/packages/frontend/app/styles/components/programs/list.scss
index cb0fce8e82..bf6f255aba 100644
--- a/packages/frontend/app/styles/components/programs/list.scss
+++ b/packages/frontend/app/styles/components/programs/list.scss
@@ -2,4 +2,8 @@
 
 .list {
   @include m.main-list-box-table;
+
+  &.empty {
+    padding: 0;
+  }
 }
diff --git a/packages/ilios-common/app/styles/ilios-common/mixins/detail-container.scss b/packages/ilios-common/app/styles/ilios-common/mixins/detail-container.scss
index 20d3628b76..2b8995541b 100644
--- a/packages/ilios-common/app/styles/ilios-common/mixins/detail-container.scss
+++ b/packages/ilios-common/app/styles/ilios-common/mixins/detail-container.scss
@@ -8,6 +8,11 @@
   margin: 0;
   min-height: 2rem;
   padding: 1rem 0;
+
+  &.empty {
+    min-height: auto;
+    padding-bottom: 0;
+  }
 }
 
 @mixin detail-container-title-style() {