From 18d8fd7b000c0e6a51613b4136cf0557c5e8fa40 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 13 Dec 2021 18:39:21 +0100
Subject: [PATCH] line height on homepage

---
 .../components/header/header.component.html   | 22 +++++++++++--------
 .../components/header/header.component.scss   | 13 +++++++----
 src/styles/partials/_datepicker.scss          |  2 +-
 src/styles/variables.scss                     |  2 +-
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index 1cd99541..646d8157 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -2,14 +2,18 @@
 	<div class="contained-desktop">
 		<nav class="navbar" role="navigation" aria-label="main navigation">
 			<div class="navbar-brand">
-				<a class="title logo-home-link has-text-black" routerLink="/">
-					<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" />
+				<a class="logo-home-link" routerLink="/">
+					<img
+						class="header-app-logo app-logo logo"
+						*ngIf="appLogo"
+						src="{{ appLogo }}"
+						alt="{{ appTitle }}"
+					/>
+				</a>
+				<a class="logo-home-link" routerLink="/">
 					<span class="app-title">
 						{{ appTitle }}
 					</span>
-					<!--					<sub>-->
-					<!--						{{ environment.appVersion }}-->
-					<!--					</sub>-->
 				</a>
 			</div>
 			<div class="navbar-start">
@@ -42,14 +46,13 @@
 						Entraide
 						<i class="fa fa-chevron-down"></i>
 					</a>
+					<span class="navbar-item is-visible-desktop">
+						<app-language-selector></app-language-selector>
+					</span>
 				</span>
 			</div>
 			<div class="navbar-end">
 				<!-- navbar items -->
-
-				<span class="navbar-item">
-					<app-language-selector></app-language-selector>
-				</span>
 				<span class="navbar-item give-to-project">
 					<a href="#" class="button is-outlined">
 						Faire un don
@@ -59,6 +62,7 @@
 			<!-- navbar items -->
 			<div class="mobile-menu" *ngIf="mobileMenuVisible">
 				<!--			menu mobile-->
+				<app-language-selector></app-language-selector>
 				<!--				<app-navigation [appTitle]="appTitle" [appLogo]="appLogo"></app-navigation>-->
 			</div>
 		</nav>
diff --git a/src/app/core/components/header/header.component.scss b/src/app/core/components/header/header.component.scss
index 7ff3447f..392ba63b 100644
--- a/src/app/core/components/header/header.component.scss
+++ b/src/app/core/components/header/header.component.scss
@@ -1,12 +1,13 @@
 @import '../../../../styles/variables';
 
+.app-title {
+	color: $white !important;
+	line-height: 4rem;
+	display: inline-block;
+}
 .navbar-item {
 	color: $white;
 
-	.app-title {
-		color: $white;
-	}
-
 	a {
 		color: $white;
 	}
@@ -41,3 +42,7 @@ app-language-selector {
 		color: $white;
 	}
 }
+
+.header-app-logo {
+	margin-top: 1rem;
+}
diff --git a/src/styles/partials/_datepicker.scss b/src/styles/partials/_datepicker.scss
index e3bfb9b8..34c6c886 100644
--- a/src/styles/partials/_datepicker.scss
+++ b/src/styles/partials/_datepicker.scss
@@ -74,7 +74,7 @@ p-calendar,
 		td span,
 		.p-ripple {
 			margin: 0;
-			padding: 0.5em;
+			padding: 0.25em;
 			width: $cell-size;
 			height: $cell-size;
 			transition: all ease 0.5s;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
index e31901ed..819cdfa5 100644
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -76,7 +76,7 @@ $header-nav-inner-height: 4rem;
 $widescreen-width-main-column: 75rem;
 
 // datepicker
-$cell-size: 30px;
+$cell-size: 40px;
 
 // css vars
 :root {