Merge pull request #7507 from stopfstedt/learnergroup-manager-style-a…

…lignment Learnergroup manager style alignment
ilios · Nov 16, 2023 · ae7ce2d · ae7ce2d
2 parents 221a9e6 + cde4ca8
commit ae7ce2d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 24 deletions.
diff --git 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;

diff --git 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;
@@ -68,27 +69,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) {