From a24fce9fabd82661d4a84102689e0764e309c06e Mon Sep 17 00:00:00 2001
From: grata <aramis.grata@bluewin.ch>
Date: Fri, 5 May 2023 12:11:08 +0200
Subject: [PATCH] =?UTF-8?q?Improved=20header=20sty=C3=A9e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/app.component.css                    |  9 ++++++++
 src/app/app.component.html                   | 22 +++++++++++---------
 src/app/component/login/login.component.html |  4 ++--
 3 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index e69de29..d4b1ff8 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -0,0 +1,9 @@
+.button-container{
+    display: flex;
+    justify-content: space-between;
+}
+
+#logout{
+  justify-self: flex-end;
+  margin: 5px;
+}
diff --git a/src/app/app.component.html b/src/app/app.component.html
index e8b8145..22eddca 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,12 +1,14 @@
-<button (click)="clearAllCookies()">Logout</button>
-<div class="dropdown dropdown-hover" id="translate">
-  <label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100"
-         id="translateLabel">{{homeTranslations.translate}}</label>
-  <ul tabindex="0" class="dropdown-content menu p-2 shadow rounded-box w-52" id="translateUl">
-    <li (click)="switchLanguage('DE')"><a>DE</a></li>
-    <li (click)="switchLanguage('FR')"><a>FR</a></li>
-    <li (click)="switchLanguage('IT')"><a>IT</a></li>
-    <li (click)="switchLanguage('EN')"><a>EN</a></li>
-  </ul>
+<div class="button-container">
+  <div class="dropdown dropdown-hover" id="translate">
+    <label tabindex="0" class="btn m-1 bg-black border-neutral text-base-100"
+           id="translateLabel">{{homeTranslations.translate}}</label>
+    <ul tabindex="0" class="dropdown-content menu p-2 shadow rounded-box w-52" id="translateUl">
+      <li (click)="switchLanguage('DE')"><a>DE</a></li>
+      <li (click)="switchLanguage('FR')"><a>FR</a></li>
+      <li (click)="switchLanguage('IT')"><a>IT</a></li>
+      <li (click)="switchLanguage('EN')"><a>EN</a></li>
+    </ul>
+  </div>
+  <button (click)="clearAllCookies()" class="btn btn-active btn-ghost" id="logout">Logout</button>
 </div>
 <router-outlet></router-outlet>
diff --git a/src/app/component/login/login.component.html b/src/app/component/login/login.component.html
index eab37ca..91b0e10 100644
--- a/src/app/component/login/login.component.html
+++ b/src/app/component/login/login.component.html
@@ -33,8 +33,8 @@
 
 
       <a (click)="switch()">
-        <span *ngIf="login">Register</span>
-        <span *ngIf="!login">Login</span>
+        <button class="btn-link" *ngIf="login">Register</button>
+        <button  class="btn-link" *ngIf="!login">Login</button>
       </a>
 
     </div>