Task/optimize logo spacing in header (#6788)

* Optimize spacing

* Update changelog

CHANGELOG.md

@@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+- Optimized the spacing of the logo in the header
 - Fixed the _Storybook_ setup by resolving missing `@angular/material` styles
 
 ## 3.0.1 - 2026-04-26

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

@@ -2,13 +2,13 @@
   @if (user) {
     <div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }">
       <a
-        class="align-items-center h-100 justify-content-start rounded-0"
+        class="align-items-center h-100 justify-content-start px-2 px-sm-3 rounded-0"
         mat-button
         [ngClass]="{ 'w-100': hasTabs }"
         [routerLink]="['/']"
         (click)="onLogoClick()"
       >
-        <gf-logo class="px-2" [label]="pageTitle" />
+        <gf-logo [label]="pageTitle" />
       </a>
     </div>
     <span class="gf-spacer"></span>
@@ -334,13 +334,12 @@
   @if (user === null) {
     <div class="d-flex h-100 logo-container" [ngClass]="{ filled: hasTabs }">
       <a
-        class="align-items-center h-100 justify-content-start rounded-0"
+        class="align-items-center h-100 justify-content-start px-2 px-sm-3 rounded-0"
         mat-button
         [ngClass]="{ 'w-100': hasTabs }"
         [routerLink]="['/']"
       >
         <gf-logo
-          class="px-2"
           [label]="pageTitle"
           [showLabel]="currentRoute !== 'register'"
         />