ISTWCMS-5633: css to add correct padding to masthead

src/patterns/01-core/mixins/_headings.scss

@@ -32,6 +32,7 @@
 
 @mixin heading-1 {
   @include heading-base;
+  line-height: var(--font-lineheight-1);
   font-size: var( --font-size-8);
 }
 

src/patterns/03-layouts/header/_header.scss

@@ -10,7 +10,7 @@ $site-name-bg: var(--gray-2);
     font-family: var(--font-condensedbook);
     margin-bottom: 0;
     min-height: var(--size-7);
-    padding: var(--size-1) 0;
+    padding: var(--size-1);
     position: relative;
     transition: margin 300ms;
     &.open{
@@ -28,7 +28,7 @@ $site-name-bg: var(--gray-2);
     }
     .uw-header-menu {
       align-self: flex-end;
-      margin-right: var(--size-7);
+      margin-right: 2.75rem;
       @media(min-width: $screen-md) {
         margin-right: var(--size-2);
       }

src/patterns/04-components/menu/menu--header/_menu--header.scss

@@ -26,7 +26,7 @@
       width: var(--size-12);
       a{
         color: var(--uw-white);
-        line-height:1.25rem;
+        line-height: 1.25rem;
         outline: none;
         outline-offset: unset;
         width: 100%;