From 1e8f1e6f798da456efd13960e3bd6daa993db467 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Andr=C3=A9?= <sebastien.andre@arolla.fr>
Date: Sun, 26 Apr 2020 18:46:46 +0200
Subject: [PATCH] =?UTF-8?q?Style=20pour=20avoir=20le=20header=20aligner=20?=
 =?UTF-8?q?et=20avec=20une=20partie=20bien=20=C3=A0=20gauche=20et=20une=20?=
 =?UTF-8?q?autre=20partie=20bien=20=C3=A0=20droite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Front/skydivelogs-app/src/app/app.component.html | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/Front/skydivelogs-app/src/app/app.component.html b/Front/skydivelogs-app/src/app/app.component.html
index 98b6e0b..dd1c3bb 100644
--- a/Front/skydivelogs-app/src/app/app.component.html
+++ b/Front/skydivelogs-app/src/app/app.component.html
@@ -1,6 +1,6 @@
 <div>
   <header *ngIf="this.show()">
-    <div style="display: flex; flex-wrap: nowrap; flex-direction: row; align-items: baseline;">
+    <div style="display: flex; justify-content: space-between;">
       <div>
         <svg (click)="toggleMenu()" class="hamburger__icon" viewBox="31.5 30 49.9 32">
           <rect id="Rectangle_9" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 9" rx="2"
@@ -10,12 +10,12 @@
           <rect id="Rectangle_11" width="49.9" height="4" class="hamburger__icon__fill" data-name="Rectangle 11" rx="2"
             transform="translate(31.5 30)"></rect>
         </svg>
-        <h2>{{ title }}</h2>
+        <h2 style="display: inline;">{{ title }}</h2>
       </div>
-      <div style="text-align: right;">
-        <h2 *ngIf="currentUser">{{ this.currentUser.firstName }}
+      <div>
+        <h2 style="display: inline;" *ngIf="currentUser">{{ this.currentUser.firstName }}
           {{ this.currentUser.lastName }}</h2>
-        <a *ngIf="currentUser" (click)="logout()" style="cursor: pointer;">Logout</a>
+        <a *ngIf="currentUser" (click)="logout()" style="cursor: pointer; margin-left:15px;">Logout</a>
       </div>
     </div>