From 05f822478160cfd399b6700cd6828868800797ca Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Tue, 2 Jan 2024 16:49:22 +0100
Subject: [PATCH] Improve style

---
 .../src/app/components/header/header.component.html  | 12 +++++-------
 .../src/app/components/header/header.component.scss  |  4 ++++
 libs/ui/src/lib/assistant/assistant.html             |  6 +++++-
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/apps/client/src/app/components/header/header.component.html b/apps/client/src/app/components/header/header.component.html
index eeb97385d..f078b5028 100644
--- a/apps/client/src/app/components/header/header.component.html
+++ b/apps/client/src/app/components/header/header.component.html
@@ -119,13 +119,11 @@
           [matMenuTriggerRestoreFocus]="false"
           (menuOpened)="onOpenAssistant()"
         >
-          <ion-icon
-            [name]="
-              user?.settings?.isExperimentalFeatures
-                ? 'options-outline'
-                : 'search-outline'
-            "
-          ></ion-icon>
+          @if (user?.settings?.isExperimentalFeatures) {
+            <ion-icon class="rotate-90" name="options-outline" />
+          } @else {
+            <ion-icon name="search-outline" />
+          }
         </button>
         <mat-menu
           #assistantMenu="matMenu"
diff --git a/apps/client/src/app/components/header/header.component.scss b/apps/client/src/app/components/header/header.component.scss
index 2e5b583c2..9a39cbdea 100644
--- a/apps/client/src/app/components/header/header.component.scss
+++ b/apps/client/src/app/components/header/header.component.scss
@@ -32,6 +32,10 @@
 
       ion-icon {
         font-size: 1.5rem;
+
+        &.rotate-90 {
+          transform: rotate(-90deg);
+        }
       }
     }
 
diff --git a/libs/ui/src/lib/assistant/assistant.html b/libs/ui/src/lib/assistant/assistant.html
index 795fcbbff..4f16d5d2d 100644
--- a/libs/ui/src/lib/assistant/assistant.html
+++ b/libs/ui/src/lib/assistant/assistant.html
@@ -91,7 +91,11 @@
 >
   <mat-tab-group mat-align-tabs="start" [mat-stretch-tabs]="false">
     <mat-tab>
-      <ng-template i18n mat-tab-label>Date Range</ng-template>
+      <ng-template mat-tab-label
+        ><ion-icon class="mr-2" name="calendar-clear-outline" /><span i18n
+          >Date Range</span
+        ></ng-template
+      >
       <div class="d-flex justify-content-center p-3">
         <gf-toggle
           [defaultValue]="user?.settings?.dateRange"