Refactor EventHeader CSS

Replaced margin-top in `.event-header__tag` with additional padding in `.event-header__content`.
danskernesdigitalebibliotek · Dec 7, 2023 · d303344 · d303344
1 parent 4368929
commit d303344
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/stories/Library/event-header/event-header.scss b/src/stories/Library/event-header/event-header.scss
@@ -20,6 +20,7 @@
 }
 
 .event-header__content {
+  padding-top: $s-md;
   display: grid;
   grid-template-columns: $s-3xl 1fr $s-3xl;
   grid-template-areas:
@@ -29,16 +30,17 @@
     "btn btn btn";
 
   @include breakpoint-s {
+    padding-top: $s-3xl;
     grid-template-columns: 1fr;
   }
 }
 
 .event-header__tag {
   grid-area: tag;
   width: max-content;
-  margin: $s-md 0;
+  margin-bottom: $s-md;
   @include breakpoint-s {
-    margin: $s-lg 0;
+    margin-bottom: $s-lg;
   }
 }