From 8582a3e66ec531ba27d3678582d4c95fca28f849 Mon Sep 17 00:00:00 2001
From: Said Gedik <said.gedik@nttdata.com>
Date: Thu, 8 Aug 2024 15:58:16 +0200
Subject: [PATCH] buttons

---
 frontend/src/app/ntt-gantt/ntt-gantt.component.css  | 13 +++++++++++++
 frontend/src/app/ntt-gantt/ntt-gantt.component.html |  7 ++-----
 frontend/src/theme.scss                             |  4 ++--
 3 files changed, 17 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 c99c1e9..4c6b881 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.css
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.css
@@ -104,6 +104,19 @@
   }
 }
 
+
+mat-button-toggle-group {
+  .mat-button-toggle-checked {
+    background-color: #ef6c00 !important; /* Orange background */
+    color: white !important; /* Text color */
+  }
+
+  .mat-button-toggle-checked:hover {
+    background-color: darken(#ef6c00, 10%) !important; /* Darker orange on hover */
+  }
+}
+
+
 .restartButton {
   background-color: white;
   border: none;
diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.html b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
index 6f7262a..037382a 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.html
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.html
@@ -30,11 +30,8 @@
   </mat-form-field> -->
 
     <!-- Language Picker -->
-    <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"
-        [value]="lang">
+    <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" [value]="lang">
         {{lang}}
       </mat-button-toggle>
     </mat-button-toggle-group>
diff --git a/frontend/src/theme.scss b/frontend/src/theme.scss
index f9d0384..eb91b94 100644
--- a/frontend/src/theme.scss
+++ b/frontend/src/theme.scss
@@ -7,7 +7,7 @@ $my-warn: mat-palette($mat-red, 600);
 
 $my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
 
-@include angular-material-theme($my-theme);
+// @include angular-material-theme($my-theme);
 
 .dateButton.mat-button {
     background-color: blue !important; /* Use !important as a last resort */
@@ -17,4 +17,4 @@ $my-theme: mat-light-theme($my-primary, $my-accent, $my-warn);
 
 * {
   font-family: 'Helvetica';
-}
\ No newline at end of file
+}