From 22dbc687a5ed772d2e91ffb0432df6ae854bf4f1 Mon Sep 17 00:00:00 2001
From: Mathieu Sanchez <mathieu.sanchez@outlook.fr>
Date: Tue, 4 Jun 2019 11:17:05 +0900
Subject: [PATCH] Add Logout

---
 src/app/header/header.component.html | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index baf7603..171fe2f 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -1,11 +1,12 @@
 <header>
 
-	<div id="header-container-desktop" fxLayout="row" fxLayoutAlign="space-between" fxShow fxHide.lt-md="true">
+  <div fxHide.lt-md="true" fxLayout="row" fxLayoutAlign="space-between" fxShow
+       id="header-container-desktop">
 
-		<div fxFlex="200px" class="title">
-			<a [routerLink]="">DiscoTrip</a>
-		</div>
-		<div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
+    <div class="title" fxFlex="200px">
+      <a [routerLink]="">DiscoTrip</a>
+    </div>
+    <div fxFlex="calc(100% - 200px)" fxLayout="row" fxLayoutAlign="end">
 
       <div fxFlex="60px">
 
@@ -29,6 +30,7 @@
         <mat-menu #profileMenu="matMenu">
           <button mat-menu-item>Login</button>
           <button mat-menu-item>Create Account</button>
+          <button mat-menu-item>Logout</button>
         </mat-menu>
 
       </div>
@@ -37,9 +39,9 @@
         <!-- Search input -->
       </div>
 
-		</div>
+    </div>
 
-	</div>
+  </div>
 
   <div id="header-container-mobile" fxLayout="row" fxLayoutAlign="space-between" fxShow
        fxHide.gt-sm="true">
@@ -48,14 +50,14 @@
       <mat-icon style="transform: scale(1.3)">menu</mat-icon>
     </button>
 
-		<div fxFlex="100%">
+    <div fxFlex="100%">
 
-			<div class="title" style="width: 200px;margin: 5px auto;">
-				<a [routerLink]="">DiscoTrip</a>
-			</div>
+      <div class="title" style="width: 200px;margin: 5px auto;">
+        <a [routerLink]="">DiscoTrip</a>
+      </div>
 
-		</div>
+    </div>
 
-	</div>
+  </div>
 
 </header>