From b45387b403beff128fe1c34d643e2b0d5cff8ac1 Mon Sep 17 00:00:00 2001
From: Said Gedik <said.gedik@nttdata.com>
Date: Wed, 15 May 2024 14:04:49 +0200
Subject: [PATCH] trans

---
 frontend/src/app/ntt-gantt/ntt-gantt.component.css  |  8 +++++---
 frontend/src/app/ntt-gantt/ntt-gantt.component.html | 10 ++++++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.css b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
index 9518da0..e53aa5f 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.css
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
@@ -118,14 +118,15 @@
 
 .restartButton:hover {
   color: #000000;
-  background-color: rgb(243, 243, 243);
+  background-color: rgb(240, 240, 240);
 }
 
 
 .transitionButton {
-  background-color: #00a79d;
   color: white;
   font-weight: 100;
+
+  
 }
 
 
@@ -404,8 +405,9 @@
 } */
 
 .mat-button-toggle-checked {
-  background-color: #ef6c00;
+  background: linear-gradient(45deg, #ff9800, #ef6c00); /* Gradient background */
   color: white;
+  position: relative; /* Needed for the shadow effect */
 }
 
 .dot-badge {
diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index 876867c..39321df 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -30,8 +30,9 @@
   </mat-form-field> -->
 
     <!-- Language Picker -->
-    <mat-button-toggle-group style="height: 70%; font-size: 13px; border-radius: 8px; margin-left: 15px;" (change)="languageChange($event)"
-      name="languagePicker" aria-label="Language Picker" [(ngModel)]="languageService.language">
+    <mat-button-toggle-group style="height: 70%; font-size: 13px; 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"
         [value]="lang">
         {{lang}}
@@ -67,8 +68,9 @@
       {{languageService.lMap.get('clearFilter')}} <mat-icon>close</mat-icon>
     </button>
 
-    <button *ngIf="transitionButton" class="filterButton" style="background-color: #00a79d; color: white;"
-      aria-label="Filtern" (click)=" openStatTransitionDialog()">{{languageService.lMap.get('stateChange')}}</button>
+    <button *ngIf="transitionButton" class="filterButton"
+      style="background: linear-gradient(45deg,#12cec2, #00a79d); border:none; color: white; text-shadow: 1px 1px 3px #00a79d;" aria-label="Filtern"
+      (click)=" openStatTransitionDialog()">{{languageService.lMap.get('stateChange')}}</button>
 
     <button *ngIf="approveButton" class="filterButton" aria-label="Filtern"
       (click)="approve()">{{languageService.lMap.get('genehmigen')}}</button>