From 6f4d606229cfd14ef9c4b8e86fceff5df7b3f081 Mon Sep 17 00:00:00 2001
From: Stefan Topfstedt <Stefan.Topfstedt@ucsf.edu>
Date: Thu, 16 Nov 2023 09:43:16 -0800
Subject: [PATCH 1/3] realigns styles for subgroups component with surrounding
 components.

---
 app/styles/components/learner-group/root.scss | 16 ++--------------
 1 file changed, 2 insertions(+), 14 deletions(-)

diff --git a/app/styles/components/learner-group/root.scss b/app/styles/components/learner-group/root.scss
index ccae7336e7..66682bd0ae 100644
--- a/app/styles/components/learner-group/root.scss
+++ b/app/styles/components/learner-group/root.scss
@@ -68,27 +68,15 @@
   }
 
   .subgroups {
-    @include m.main-list-box;
-
     .header {
-      @include m.main-list-box-header;
-
-      h3 {
-        @include cm.ilios-heading-h3;
-      }
+      @include cm.detail-container-header;
 
       .title {
-        @include m.main-list-box-header-title;
-      }
-
-      .actions {
-        @include m.main-list-box-header-actions;
+        @include cm.detail-container-title;
       }
     }
 
     .list {
-      @include m.main-list-box-table;
-
       .confirm-copy,
       .confirm-copy:nth-child(even),
       .confirm-copy:nth-child(odd) {

From 9bac5146a06c632bdf5a30dfd6f3f05839477c76 Mon Sep 17 00:00:00 2001
From: Stefan Topfstedt <Stefan.Topfstedt@ucsf.edu>
Date: Thu, 16 Nov 2023 09:43:59 -0800
Subject: [PATCH 2/3] corrects left-hand gutter alignment on main-content area.

---
 app/styles/components/learner-group/root.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/styles/components/learner-group/root.scss b/app/styles/components/learner-group/root.scss
index 66682bd0ae..792bb418a3 100644
--- a/app/styles/components/learner-group/root.scss
+++ b/app/styles/components/learner-group/root.scss
@@ -9,6 +9,7 @@
 
   .learner-group-overview {
     @include cm.ilios-overview(c.$orange);
+    margin-left: 0.8rem;
 
     .block {
       @include cm.ilios-overview-block;

From cde4ca8a031ae37d05a53778edb2b0609065e016 Mon Sep 17 00:00:00 2001
From: Stefan Topfstedt <Stefan.Topfstedt@ucsf.edu>
Date: Thu, 16 Nov 2023 09:54:22 -0800
Subject: [PATCH 3/3] aligns style of cohort user manager heading with sibling
 components.

---
 .../learner-group/cohort-user-manager.scss          | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/app/styles/components/learner-group/cohort-user-manager.scss b/app/styles/components/learner-group/cohort-user-manager.scss
index 64fc70504d..a3c7307ff0 100644
--- a/app/styles/components/learner-group/cohort-user-manager.scss
+++ b/app/styles/components/learner-group/cohort-user-manager.scss
@@ -8,20 +8,13 @@
   border-top: 1px dotted c.$orange;
 
   .learner-group-cohort-user-manager-header {
-    align-items: center;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+    @include cm.detail-container-header;
 
-    @include cm.for-laptop-and-up {
-      align-items: flex-start;
-      flex-direction: row;
-      justify-content: space-around;
+    .title {
+      @include cm.detail-container-title;
     }
 
     .actions {
-      text-align: right;
-
       input {
         @include cm.ilios-input;
         width: 15rem;