line height on homepage

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="/">
+				<a class="logo-home-link" routerLink="/">
-					<img class="app-logo logo" *ngIf="appLogo" src="{{ appLogo }}" alt="{{ appTitle }}" />
+					<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>

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;
+}

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;

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 {