Update Subhead actions (#1690)

* Right align .Subhead-actions * Create dull-chefs-cover.md * Increase spacing when description follows actions
primer · Oct 26, 2021 · af5a3ae · af5a3ae
1 parent b7fd01d
commit af5a3ae
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/.changeset/dull-chefs-cover.md b/.changeset/dull-chefs-cover.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Update `Subhead` actions
diff --git a/src/subhead/subhead.scss b/src/subhead/subhead.scss
@@ -5,6 +5,7 @@
   margin-bottom: $spacer-3;
   border-bottom: $border-width $border-style var(--color-border-muted);
   flex-flow: row wrap;
+  justify-content: flex-end; // Keep actions right aligned.
 }
 
 // Modifier class to give a lot of breathing room between sections of content.
@@ -34,6 +35,11 @@
 
 // Add 1 or 2 buttons to the right of the heading
 .Subhead-actions {
+  margin: $spacer-1 0 $spacer-1 $spacer-1;
   align-self: center;
   justify-content: flex-end;
+
+  + .Subhead-description {
+    margin-top: $spacer-1;
+  }
 }