Improve style

apps/client/src/app/components/header/header.component.html

@@ -119,13 +119,11 @@
           [matMenuTriggerRestoreFocus]="false"
           (menuOpened)="onOpenAssistant()"
         >
-          <ion-icon
+          @if (user?.settings?.isExperimentalFeatures) {
-            [name]="
+            <ion-icon class="rotate-90" name="options-outline" />
-              user?.settings?.isExperimentalFeatures
+          } @else {
-                ? 'options-outline'
+            <ion-icon name="search-outline" />
-                : 'search-outline'
+          }
-            "
-          ></ion-icon>
         </button>
         <mat-menu
           #assistantMenu="matMenu"

apps/client/src/app/components/header/header.component.scss

@@ -32,6 +32,10 @@
 
       ion-icon {
         font-size: 1.5rem;
+
+        &.rotate-90 {
+          transform: rotate(-90deg);
+        }
       }
     }
 

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"