From e3b4ff44cc193bd7959c73d1482f4712f001d1a9 Mon Sep 17 00:00:00 2001
From: Sahil Julka <sahiljulka44@gmail.com>
Date: Mon, 25 Jun 2018 17:02:29 +0530
Subject: [PATCH 1/2] fix for UI Bug

---
 src/app/core/header/header.component.html |  4 ++--
 src/app/core/header/header.component.scss | 16 ++++++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/app/core/header/header.component.html b/src/app/core/header/header.component.html
index ed49563..3be6033 100644
--- a/src/app/core/header/header.component.html
+++ b/src/app/core/header/header.component.html
@@ -1,12 +1,12 @@
 <header>
   <nav>
     <div fxFlex fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center center">
-      <div fxFlex="40" fxLayout.xs="row" fxLayoutAlign="left right">
+      <div fxFlex="50" fxLayout.xs="row" fxLayoutAlign="left right">
         <a mat-raised-button *ngFor="let item of menuItems" routerLink="{{item.link}}">
           {{item.name | uppercase}}
         </a>
       </div>
-      <div fxFlex="20" id="today" class="text-center">
+      <div fxFlex="10" id="today" class="text-center">
         <span ng-show="title || false" class="title">{{ title }}</span>
       </div>
       <div fxFlex="40" class="text-right">
diff --git a/src/app/core/header/header.component.scss b/src/app/core/header/header.component.scss
index f6777ee..7f29f13 100644
--- a/src/app/core/header/header.component.scss
+++ b/src/app/core/header/header.component.scss
@@ -62,10 +62,6 @@
         > div {
           margin-top: 1em;
         }
-
-        #today {
-          margin-top: 2em;
-        }
       }
     }
   }
@@ -79,6 +75,18 @@
   }
 }
 
+@media (max-width:599px){
+  :host(app-header) {
+    header {
+      nav {
+          #today{
+            margin-top: 1em;
+          }
+      }
+    }
+  }
+}
+
 @media (max-width: 425px) {
   :host(app-nav) {
     padding-bottom: 0;

From 26b791505d7259588b9f0c7e622854abf1d8633f Mon Sep 17 00:00:00 2001
From: Sahil Julka <sahiljulka44@gmail.com>
Date: Mon, 25 Jun 2018 17:22:52 +0530
Subject: [PATCH 2/2] center alignment

---
 src/app/core/header/header.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/core/header/header.component.html b/src/app/core/header/header.component.html
index 3be6033..c39f9e9 100644
--- a/src/app/core/header/header.component.html
+++ b/src/app/core/header/header.component.html
@@ -6,7 +6,7 @@
           {{item.name | uppercase}}
         </a>
       </div>
-      <div fxFlex="10" id="today" class="text-center">
+      <div fxFlex="10" id="today">
         <span ng-show="title || false" class="title">{{ title }}</span>
       </div>
       <div fxFlex="40" class="text-right">