logo size

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

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

@@ -2,34 +2,34 @@
 
 .navbar-item {
 	color: $white;
+
 	.app-title {
 		color: $white;
 	}
+
 	a {
 		color: $white;
 	}
+
 	.fa {
 		margin: 0 1ch;
 	}
 }
-.app-logo {
-	max-width: $main-column-width-inner;
-	max-height: $main-column-width-inner;
-	height: 3rem;
-	width: 3rem;
-	display: inline-block;
-}
 
 .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;

src/app/features/administration/stepper/stepper.component.html

@@ -59,7 +59,7 @@
 					routerLinkActive="active"
 				>
 					<img
-						class="app-logo logo"
+						class="stepper-app-logo logo"
 						*ngIf="environment.appLogo"
 						src="{{ environment.appLogo }}"
 						alt="accueil {{ environment.appTitle }}"

src/app/features/administration/stepper/stepper.component.scss

@@ -108,3 +108,11 @@
 	margin-top: 0.5rem;
 	display: inline-block;
 }
+
+.stepper-app-logo {
+	max-width: $main-column-width-inner;
+	max-height: $main-column-width-inner;
+	height: 3rem;
+	width: 3rem;
+	display: inline-block;
+}