css/style modifs header et bouton deconnexion

src/app/components/deconnexion/deconnexion.component.html

@@ -2,6 +2,5 @@
   type="button"
   class="btn btn-outline-primary btn-circle btn-xl"
   (click)="onClickDeco()"
->
+> Déconnexion
-  Se déconnecter
 </button>

src/app/components/deconnexion/deconnexion.component.scss

@@ -1,10 +1,25 @@
 .btn-circle.btn-xl {
-  width: 80px;
+  width: auto;
-  height: 80px;
+  height: auto;
-  padding: 10px 16px;
+  padding: 10px;
-  border-radius: 40px;
+  border-radius: 15px;
-  font-size: 10px;
+  background-color: white;
+  font-size: 12px;
+  color: black;
+  font-weight: bold;
+  text-align: center;
+  float: right;
+}
+
+.btn-circle.btn-xl:hover {
+  width: auto;
+  height: auto;
+  padding: 10px;
+  border-radius: 15px;
+  background-color: #5d5fef;
+  font-size: 12px;
+  color: white;
+  font-weight: bold;
   text-align: center;
   float: right;
-  margin-right: 20px;
 }

src/app/components/footer/footer.component.scss

@@ -11,8 +11,8 @@ a{
 .footer {
     margin-top: 40px;
     margin-bottom: 0px;
-    padding-top: 20px;
+    padding-top: 10px;
-    padding-bottom: 20px;
+    padding-bottom: 10px;
     background-color: #f1f1f1;
 }
 

src/app/components/header/header.component.html

@@ -4,16 +4,8 @@
       <img id="img" src="../../../assets/images/logo-organizee.png" />
       Organizee
     </a>
-    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
-    <div class="collapse navbar-collapse" id="navbarText">
-      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
-        <li class="nav-item"></li>
-      </ul>
-      <span class="navbar-text">
-        <app-deconnexion *ngIf="isLogged"></app-deconnexion>
-      </span>
-    </div>
   </div>
-</nav>
+  <div id="navbarText">
+    <app-deconnexion *ngIf="isLogged" ></app-deconnexion>
+</div>
+</nav>

src/app/components/header/header.component.scss

@@ -1,10 +1,16 @@
 #img {
-  height:95px;
+  height:45px;
+}
+
+.navbar{
+  height: auto;
+  padding-left: 20px;
+  padding-right: 20px;
 }
 
 .navbar-brand {
   font-weight: bold;
-  font-size: 3rem;
+  font-size: 2rem;
   color: #5d5fef;
 }
 
@@ -27,4 +33,4 @@ a:active {
 
 .container-fluid{
   width:90%;
-}
+}