From 4985889c58e2a263209028cdd238c32e3d1e2b8e Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian_thierry@ext.connect-tech.sncf>
Date: Mon, 22 Apr 2024 16:05:35 +0200
Subject: [PATCH] Styling header.

---
 .../components/header/header.component.scss   | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/components/header/header.component.scss b/frontend/src/app/components/header/header.component.scss
index ab80355..7bc65e0 100644
--- a/frontend/src/app/components/header/header.component.scss
+++ b/frontend/src/app/components/header/header.component.scss
@@ -7,11 +7,10 @@ $headerHeight: 3.5em;
     background-color: #3f51b5;
     color: white;
     position: relative;
-    border: 1px solid black;
     height: $headerHeight;
+    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
 
     div {
-        border: 1px solid black;
         display: flex;
         flex-direction: row;
         justify-content: center;
@@ -25,6 +24,22 @@ $headerHeight: 3.5em;
             gap: 1em;
             padding: 0 1em;
 
+            button {
+                background-color: #3f51b5;
+                color: white;
+                border: none;
+                border-radius: 10em;
+                transition: background-color .2s ease-in-out;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                &:hover {
+                    cursor: pointer;
+                    background-color: #5c6bc0;
+                }
+            }
+
             a {
                 display: flex;
                 flex-direction: row;