Merge pull request #12004 from maxunbearable/fix/4653-dashboard-toolbar-font

Changed font sizes in dashboard toolbar and default state id

ui-ngx/src/app/modules/home/components/dashboard-page/layout/select-dashboard-breakpoint.component.scss

@@ -26,6 +26,7 @@
   .mat-mdc-select.select-dashboard-breakpoint {
     .mat-mdc-select-value {
       max-width: 200px;
+      font-size: 14px;
     }
     .mat-mdc-select-arrow {
       width: 24px;

ui-ngx/src/app/modules/home/components/dashboard-page/states/default-state-controller.component.scss

@@ -22,6 +22,7 @@
   .mat-mdc-select.default-state-controller {
     .mat-mdc-select-value {
       max-width: 200px;
+      font-size: 14px;
     }
     .mat-mdc-select-arrow {
       width: 24px;

ui-ngx/src/app/modules/home/components/dashboard-page/states/default-state-controller.component.ts

@@ -187,7 +187,8 @@ export class DefaultStateControllerComponent extends StateControllerComponent im
   }
 
   public getStateName(id: string, state: DashboardState): string {
-    return this.utils.customTranslation(state.name, id);
+    const name = this.utils.customTranslation(state.name, id);
+    return name === this.stateControllerId() ? name.charAt(0).toUpperCase() + name.slice(1) : name;
   }
 
   public getCurrentStateName(): string {