From b219c29883609b38d982014231e60bdf22e88715 Mon Sep 17 00:00:00 2001
From: Gabor PEK <gabor.pek@avatao.com>
Date: Wed, 7 Mar 2018 14:22:20 +0100
Subject: [PATCH] Logo is aligned to the left in the header, but still using
 grid layout

---
 src/app/header/header.component.html | 4 ++--
 src/app/header/header.component.scss | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)
 mode change 100644 => 100755 src/app/header/header.component.html
 mode change 100644 => 100755 src/app/header/header.component.scss

diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
old mode 100644
new mode 100755
index bbec9fe..bb24607
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -3,8 +3,8 @@
 <!--    <ul class="navbar-nav tao-grid-center-right">
       <li class="nav-item tao-header-title">an</li>
     </ul>-->
-    <img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-right tao-company-logo" alt="">
-    <ul class="navbar-nav tao-grid-center-left">
+    <img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-left tao-company-logo" alt="">
+    <ul class="navbar-nav">
       <li class="nav-item tao-header-title">Tutorials</li>
     </ul>
   </div>
diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss
old mode 100644
new mode 100755
index 2da33d4..6732de0
--- a/src/app/header/header.component.scss
+++ b/src/app/header/header.component.scss
@@ -25,6 +25,7 @@ $font-size-h3: floor(($font-size-base * 1.3));
 
 $tao-navbar-height: 67px;
 
+$company-logo-width: 130px;
 
 //
 // Classes
@@ -44,14 +45,14 @@ $tao-navbar-height: 67px;
 
 .tao-grid-navbar {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: $company-logo-width 1fr;
   grid-column-gap: 8px;
   width: 100%;
 }
 
 .tao-company-logo {
   display: block;
-  width: 130px;
+  width: $company-logo-width;
 }
 
 .tao-company-logo-mobile {