From b84dd0bbd3c81b8ef1503b354387b001f8889b3e Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Thu, 16 Dec 2021 12:05:49 +0100
Subject: [PATCH] header style

---
 .../components/footer/footer.component.scss   |  5 ++++
 .../components/header/header.component.html   |  6 ++---
 .../components/header/header.component.scss   | 25 ++++++-------------
 3 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/src/app/core/components/footer/footer.component.scss b/src/app/core/components/footer/footer.component.scss
index 93202894..708a67a2 100644
--- a/src/app/core/components/footer/footer.component.scss
+++ b/src/app/core/components/footer/footer.component.scss
@@ -1,5 +1,10 @@
+@import '../../../../styles/variables';
+
 .main-footer {
 	a {
 		color: #fff;
 	}
+	img {
+		max-height: $header-nav-inner-height;
+	}
 }
diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index 646d8157..16c46e7c 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -2,7 +2,7 @@
 	<div class="contained-desktop">
 		<nav class="navbar" role="navigation" aria-label="main navigation">
 			<div class="navbar-brand">
-				<a class="logo-home-link" routerLink="/">
+				<a class="logo-home-link navbar-item" routerLink="/">
 					<img
 						class="header-app-logo app-logo logo"
 						*ngIf="appLogo"
@@ -10,7 +10,7 @@
 						alt="{{ appTitle }}"
 					/>
 				</a>
-				<a class="logo-home-link" routerLink="/">
+				<a class="logo-home-link navbar-item" routerLink="/">
 					<span class="app-title">
 						{{ appTitle }}
 					</span>
@@ -54,7 +54,7 @@
 			<div class="navbar-end">
 				<!-- navbar items -->
 				<span class="navbar-item give-to-project">
-					<a href="#" class="button is-outlined">
+					<a href="https://soutenir.framasoft.org" class="button is-outlined">
 						Faire un don
 					</a>
 				</span>
diff --git a/src/app/core/components/header/header.component.scss b/src/app/core/components/header/header.component.scss
index 392ba63b..91ce6703 100644
--- a/src/app/core/components/header/header.component.scss
+++ b/src/app/core/components/header/header.component.scss
@@ -10,6 +10,13 @@
 
 	a {
 		color: $white;
+		&:hover {
+			background: $primary_color;
+			color: $white;
+		}
+	}
+	img {
+		max-height: $header-nav-height;
 	}
 
 	.fa {
@@ -17,20 +24,6 @@
 	}
 }
 
-.logo-home-link {
-	margin-top: 0;
-	line-height: $header-nav-inner-height;
-	padding: 1rem !important;
-	font-size: 0.85rem;
-	img {
-		width: 3rem;
-		height: 3rem;
-	}
-	&:hover {
-		color: $font_color;
-	}
-}
-
 .give-to-project {
 	.button {
 		background: transparent;
@@ -42,7 +35,3 @@ app-language-selector {
 		color: $white;
 	}
 }
-
-.header-app-logo {
-	margin-top: 1rem;
-}