From 91dc832be57e0c8eb23b302b9d12d6da8c728cec Mon Sep 17 00:00:00 2001
From: Said Gedik <said.gedik@nttdata.com>
Date: Wed, 15 May 2024 13:25:23 +0200
Subject: [PATCH] changes

---
 .../src/app/ntt-gantt/ntt-gantt.component.css |  3 +-
 .../app/ntt-gantt/ntt-gantt.component.html    | 57 ++++++++++---------
 2 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.css b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
index 369cbee..b374b66 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.css
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
@@ -13,7 +13,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
   height: 50px;
   margin-bottom: 10px;
   background-color: white;
@@ -303,6 +303,7 @@
   border: solid 1px rgba(0, 0, 0, 0.124);
   border-radius: 0px 8px 8px 0px;
   border-left: none;
+  cursor: pointer;
 }
 
 .dateButton mat-icon {
diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index 1103da4..a045144 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -1,25 +1,26 @@
-<div class="head">
-  <h2>W&I Kalender</h2>
+<div class="head" style="">
+  <div style="display: flex; align-items: center; gap: 15px;">
+    <h2 style="padding-top: 3px;">W&I Kalender</h2>
 
-  <!-- Preset Picker -->
-  <mat-form-field appearance="fill" style="width: 300px;">
-    <mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
-      <mat-optgroup *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
-        <mat-option *ngFor="let preset of group.presets" [value]="preset">
-          {{preset.name}}
-          <!-- <button style="align-self: right;" *ngIf="group.name == 'User'" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
+    <!-- Preset Picker -->
+    <div appearance="fill" style="width: 200px;padding-left: 15px; padding-top: 3px;">
+      <mat-select [(value)]="selectedPreset" (selectionChange)="selectPreset($event)">
+        <mat-optgroup *ngFor="let group of presetGroups" [label]="group.name" [disabled]="group.disabled">
+          <mat-option *ngFor="let preset of group.presets" [value]="preset">
+            {{preset.name}}
+            <!-- <button style="align-self: right;" *ngIf="group.name == 'User'" mat-icon-button><mat-icon>delete_forever</mat-icon></button>
             <button *ngIf="group.name == 'User'" mat-icon-button><mat-icon>edit</mat-icon></button> -->
-        </mat-option>
-      </mat-optgroup>
-    </mat-select>
-  </mat-form-field>
-  <button mat-basic-button *ngIf="isUserPreset" class="editButton"
-    (click)="openRenameDialog()"><mat-icon>edit</mat-icon></button>
-  <button mat-basic-button *ngIf="isUserPreset" class="deleteButton"
-    (click)="openDeleteDialog()"><mat-icon>delete_forever</mat-icon></button>
+          </mat-option>
+        </mat-optgroup>
+      </mat-select>
+    </div>
+    <button mat-basic-button *ngIf="isUserPreset" class="editButton"
+      (click)="openRenameDialog()"><mat-icon>edit</mat-icon></button>
+    <button mat-basic-button *ngIf="isUserPreset" class="deleteButton"
+      (click)="openDeleteDialog()"><mat-icon>delete_forever</mat-icon></button>
 
-  <!-- Language Picker -->
-  <!-- <mat-form-field style="width: 90px;" appearance="fill">
+    <!-- Language Picker -->
+    <!-- <mat-form-field style="width: 90px;" appearance="fill">
     <mat-label>{{languageService.lMap.get('language')}}</mat-label>
     <mat-select (selectionChange)="languageChange($event)" [(value)]="languageService.language">
       <mat-option *ngFor="let lang of languageService.languages" [value]="lang">
@@ -28,14 +29,16 @@
     </mat-select>
   </mat-form-field> -->
 
-  <!-- Language Picker -->
-  <mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px;" (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"
-      [value]="lang">
-      {{lang}}
-    </mat-button-toggle>
-  </mat-button-toggle-group>
+    <!-- Language Picker -->
+    <mat-button-toggle-group style="height: 20%; font-size: 13px; border-radius: 8px;" (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"
+        [value]="lang">
+        {{lang}}
+      </mat-button-toggle>
+    </mat-button-toggle-group>
+  </div>
+
 
 
   <!-- User -->