feature: header: vertical centering

src/header.pug

-.segment.lg-three-quarter.float-left
+.segment.lg-three-quarter.float-left.align-middle
   .logo
     solid-link(next='dashboard')
-      img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '32px'}`)
+      img(src=`${clientLogo || '/images/logo.png'}` style=`max-height:${clientLogoHeight || '52px'}`)
     
   span.tag.beta.reversed.color-primary(data-trans='header.beta')
 
 .segment.lg-auto.float-right
-  .segment.lg-auto.float-left.margin-right
+  .segment.lg-auto.float-left.margin-right.align-middle
     solid-notifications.notLoggedIn(
       nested-field="inbox"
       bind-user

src/styles/base/main.scss

@@ -26,10 +26,8 @@
   /*background: white;*/
   position: relative;
 
-  .content-vertically-centered {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
+  .align-middle {
+    transform: translateY(50%);
   }
   &.lg-{
     &hidden {