accounting for ribbon edge cases

Author: elan-tbx

libs/blocks/notification/notification.css

@@ -152,13 +152,24 @@
   inline-size: 100%;
 }
 
+.notification.ribbon [class*="heading-"]:only-child {
+  margin-block-end: var(--spacing-s);
+}
+
+.notification.ribbon.space-between [class*="heading-"]:only-child {
+  margin-block-end: 0;
+}
+
 .notification.ribbon.space-between .foreground .text {
   flex-wrap: nowrap;
   inline-size: 100%;
 }
 
 .notification.ribbon.space-between .foreground .copy-wrap {
   margin-inline-end: var(--spacing-s);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .notification .foreground .image {