From 4b2c1e6bbc1500ce9126fa5ba67f0762a7a5efbb Mon Sep 17 00:00:00 2001
From: Said Gedik <said.gedik@nttdata.com>
Date: Wed, 7 Aug 2024 17:56:11 +0200
Subject: [PATCH] placement fixes, fonts adjustment

---
 .../src/app/ntt-gantt/ntt-gantt.component.html     | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index 7bf256e..4882447 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -1,6 +1,6 @@
-<div class="head" style="">
+<div class="head" style="display: flex; align-items: center;">
   <div class="left" style="display: flex; align-items: center; gap: 8px; height: 100%;">
-    <h2>W&I Kalender</h2>
+    <h2 style="padding: 0; margin: 0;">W&I Kalender</h2>
     <div class="splitter"></div>
     <!-- Preset Picker -->
     <div appearance="fill" style="width: 200px; padding-left: 15px; padding-top: 3px; font-size: 14px;">
@@ -30,7 +30,7 @@
   </mat-form-field> -->
 
     <!-- Language Picker -->
-    <mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px; margin-left: 15px;"
+    <mat-button-toggle-group style="height: 70%; border-radius: 8px; margin-left: 15px;"
       (change)="languageChange($event)" name="languagePicker" aria-label="Language Picker"
       [(ngModel)]="languageService.language">
       <mat-button-toggle style="display: flex; align-items: center;" *ngFor="let lang of languageService.languages"
@@ -43,16 +43,16 @@
 
 
   <!-- User -->
-  <div style="display: flex; justify-content: center; align-items: center; font-size: 12px;">
+  <div style="display: flex; justify-content: center; align-items: center;">
     <h3 *ngIf="userId"
-      style="font-family: Arial, Helvetica, sans-serif; font-weight: 100; display: flex; align-items: center; gap: 5px; color: rgba(0, 0, 0, 0.845);">
+      style="font-weight: 100; display: flex; align-items: center; gap: 5px; color: rgba(0, 0, 0, 0.845);">
       <mat-icon style="color: green;">verified_user</mat-icon>{{this.userId}}
     </h3>
     <h3 *ngIf="errorService.rsso"
-      style="font-family: Arial, Helvetica, sans-serif; display: flex; align-items: center; gap: 5px;"><mat-icon
+      style="display: flex; align-items: center; gap: 5px;"><mat-icon
         style="color: red;">verified_user</mat-icon> RSSO Auth Failed</h3>
     <h3 *ngIf="!errorService.rsso &&rssoInit"
-      style="font-family: Arial, Helvetica, sans-serif; display: flex; align-items: center; gap: 5px;"><mat-icon
+      style="display: flex; align-items: center; gap: 5px;"><mat-icon
         style="color: orange;">verified_user</mat-icon> RSSO: initializing</h3>
   </div>
 </div>