Done #3617 @1.25

diff --git a/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl b/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl
index e5fb0167b5b84ad684559b62498fd42eea7007e0..0af3751a46a10c1c65af184137553709717aa8b0 100644 (file)
--- a/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl
+++ b/wp-content/themes/physioassist/resources/assets/styles/layouts/header.styl
@@ -40,8 +40,9 @@ header.site
   // Logo is split into symbol + text so we can hide the symbol when reducing the header height
   .logo
     max-width: 235px
-    padding: 0 10px 15px 4px
+    padding: 0 10px 9px 4px
     width: 70% // Only relevant when we reach smaller screens - leaves room for burger menu icon
+    transform: translateY(-3px) // Better vertical centring in compact mode
 
     &-symbol
       width: 0 // Hidden in default view
@@ -84,17 +85,12 @@ $phone-widget-width = 3.5em // 1em padding + 1.5em icon width + 1em padding
     position: absolute
     left: 100%
     bottom: 0
-    height: 100%
-
-    .template-transparent-header &
-      height: auto
 
     +below($breakpoint-menu)
       display: none
 
   &-link
     display: block
-    height: 100%
     background-color: #1f8ccc
     color: #fff
     padding: 1em 1em 1em $phone-widget-width
@@ -134,7 +130,8 @@ $phone-widget-width = 3.5em // 1em padding + 1.5em icon width + 1em padding
 
       .logo
         margin: 25px 10px 0
-        max-width: 278px
+        max-width: 369px
+        transform: none
 
       .logo-symbol
         opacity: 1