style(page-header): vertically center timerange

Author: adisreyaj

projects/components/src/header/page/page-header.component.scss

@@ -2,9 +2,10 @@
 @import 'font';
 
 .page-header {
-  margin: 24px 24px 0;
   display: flex;
   flex-direction: column;
+  margin: 24px 24px 0;
+
   .column-alignment {
     display: flex;
     flex-direction: column;
@@ -22,17 +23,17 @@
   }
 
   .breadcrumb-container {
-    margin-right: auto;
     align-items: center;
+    margin-right: auto;
 
     .breadcrumb-separator {
       padding: 0 20px;
     }
 
     .title {
       @include font-subtitle-medium($gray-7);
-      display: flex;
       align-items: center;
+      display: flex;
 
       .icon {
         padding-right: 12px;
@@ -45,6 +46,8 @@
   }
 
   .time-range {
+    align-items: center;
+    display: flex;
     margin-left: 10px;
   }
 
@@ -54,8 +57,8 @@
   }
 
   &.bottom-border {
-    padding-bottom: 16px;
     border-bottom: 1px solid $color-border;
+    padding-bottom: 16px;
   }
 
   .tabs {