From 83dc01aa1ca479f364ef6a7e48f3ce21c36e37c4 Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Tue, 29 Oct 2024 15:02:54 +0100
Subject: [PATCH] refs #1064 change error icons from ou table

---
 .../organizational-unit-tab-view.component.css         | 10 ++++++----
 .../organizational-unit-tab-view.component.html        |  4 ++--
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.css b/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.css
index b88fb26..b03541c 100644
--- a/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.css
+++ b/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.css
@@ -39,15 +39,17 @@
 .mat-chip-success {
   background-color: #4CAF50 !important;
   color: white !important;
+  align-items: center;
+  vertical-align: middle;
 }
 
-.mat-chip-error {
-  background-color: #F44336 !important;
-  color: white !important;
-}
 
 .button-row{
   display: flex;
   gap: 10px;
 }
 
+.calendar-ico{
+ margin-top: 5px;
+ color: gray;
+}
diff --git a/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.html b/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.html
index 13b8b34..fe9c06e 100644
--- a/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.html
+++ b/ogWebconsole/src/app/components/groups/components/organizational-unit-tab-view/organizational-unit-tab-view.component.html
@@ -32,8 +32,8 @@
         {{ column.cell(ou) }}
       </ng-container>
       <ng-container *ngIf="column.columnDef === 'available'" >
-        <mat-chip *ngIf="ou.available" class="mat-chip-success"><mat-icon style="color:white;">check</mat-icon></mat-chip>
-        <mat-chip *ngIf="!ou.available" class="mat-chip-error"> <mat-icon style="color:white;">close</mat-icon></mat-chip>
+        <mat-chip *ngIf="ou.available" class="mat-chip-success"><mat-icon class="calendar-ico">event_available</mat-icon></mat-chip>
+        <mat-chip *ngIf="!ou.available" class="mat-chip-error"><mat-icon  class="calendar-ico">event_busy</mat-icon></mat-chip>
       </ng-container>
       <ng-container *ngIf="column.columnDef === 'type'" >
         <mat-chip> {{ ou.type }} </mat-chip>