From dab297f79fb1df9b3b529a09e66c7e9217dad1b8 Mon Sep 17 00:00:00 2001
From: Ivo Almeida <ialmeida@redhat.com>
Date: Mon, 20 May 2024 14:08:29 +0100
Subject: [PATCH] increased icon sizes. fixed ml value

---
 .../app/core/navigation/navigation.module.ts   | 18 +++++++++---------
 .../navigation/navigation.component.html       | 16 ++++++++--------
 .../navigation/navigation.component.scss       |  4 ++--
 3 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts
index 0bd12a47f174e..b17952a99cb8c 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation.module.ts
@@ -30,15 +30,15 @@ import UserFilledIcon from '@carbon/icons/es/user--filled/20';
 import SettingsIcon from '@carbon/icons/es/settings/20';
 import HelpIcon from '@carbon/icons/es/help/20';
 import NotificationIcon from '@carbon/icons/es/notification/20';
-import LaunchIcon from '@carbon/icons/es/launch/16';
-import DashboardIcon from '@carbon/icons/es/template/16';
-import ClusterIcon from '@carbon/icons/es/web-services--cluster/16';
-import MultiClusterIcon from '@carbon/icons/es/edge-cluster/16';
-import BlockIcon from '@carbon/icons/es/datastore/16';
-import ObjectIcon from '@carbon/icons/es/object-storage/16';
-import FileIcon from '@carbon/icons/es/file-storage/16';
-import ObservabilityIcon from '@carbon/icons/es/observed--hail/16';
-import AdminIcon from '@carbon/icons/es/network--admin-control/16';
+import LaunchIcon from '@carbon/icons/es/launch/20';
+import DashboardIcon from '@carbon/icons/es/template/20';
+import ClusterIcon from '@carbon/icons/es/web-services--cluster/20';
+import MultiClusterIcon from '@carbon/icons/es/edge-cluster/20';
+import BlockIcon from '@carbon/icons/es/datastore/20';
+import ObjectIcon from '@carbon/icons/es/object-storage/20';
+import FileIcon from '@carbon/icons/es/file-storage/20';
+import ObservabilityIcon from '@carbon/icons/es/observed--hail/20';
+import AdminIcon from '@carbon/icons/es/network--admin-control/20';
 
 @NgModule({
   imports: [
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
index 154797e7fcd8f..44c0a55e82450 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
@@ -135,20 +135,20 @@
     <cds-sidenav [expanded]="showMenuSidebar" class="mt-5">
       <!-- Dashboard -->
       <cds-sidenav-item routerLinkActive="active" routerLink="/dashboard" [useRouter]="true">
-        <svg cdsIcon="template" icon size="16"></svg>
+        <svg cdsIcon="template" icon size="20"></svg>
         <span i18n>
           Dashboard</span>
       </cds-sidenav-item>
       <!-- Multi-cluster Dashboard -->
       <cds-sidenav-menu title="Multi-Cluster">
-        <svg cdsIcon="edge-cluster" icon size="16"></svg>
+        <svg cdsIcon="edge-cluster" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/multi-cluster/overview" [useRouter]="true"><span i18n >Overview</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/multi-cluster/manage-clusters" [useRouter]="true"><span i18n >Manager Cluster</span></cds-sidenav-item>
       </cds-sidenav-menu>
       <!-- Cluster -->
       <cds-sidenav-menu title="Cluster" *ngIf="permissions.hosts.read || permissions.monitor.read ||
       permissions.osd.read || permissions.pool.read">
-        <svg cdsIcon="web-services--cluster" icon size="16"></svg>
+        <svg cdsIcon="web-services--cluster" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/pool" [useRouter]="true" *ngIf="permissions.pool.read"><span i18n >Pools</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/hosts" [useRouter]="true" *ngIf="permissions.hosts.read"><span i18n >Hosts</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/osd" [useRouter]="true" *ngIf="permissions.osd.read"><span i18n >OSDs</span></cds-sidenav-item>
@@ -158,7 +158,7 @@
       </cds-sidenav-menu>
       <!-- Block Storage -->
       <cds-sidenav-menu title="Block" *ngIf="(permissions.rbdImage.read || permissions.rbdMirroring.read|| permissions.iscsi.read) && (enabledFeature.rbd || enabledFeature.mirroring || enabledFeature.iscsi)">
-        <svg cdsIcon="datastore" icon size="16"></svg>
+        <svg cdsIcon="datastore" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/block/rbd" [useRouter]="true" *ngIf="permissions.rbdImage.read && enabledFeature.rbd"><span i18n>Images</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/block/mirroring" [useRouter]="true" *ngIf="permissions.rbdMirroring.read && enabledFeature.mirroring"><span i18n>Mirroring
           <small *ngIf="summaryData?.rbd_mirroring?.warnings !== 0"
@@ -170,7 +170,7 @@
       </cds-sidenav-menu>
       <!-- Object Storage -->
       <cds-sidenav-menu title="Object" *ngIf="permissions.rgw.read && enabledFeature.rgw">
-        <svg cdsIcon="object-storage" icon size="16"></svg>
+        <svg cdsIcon="object-storage" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/rgw/overview" [userouter]="true"><span i18n>Overview</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/rgw/bucket" [userouter]="true"><span i18n>Buckets</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/rgw/user" [userouter]="true"><span i18n>Users</span></cds-sidenav-item>
@@ -180,13 +180,13 @@
       </cds-sidenav-menu>
       <!-- Filesystem -->
       <cds-sidenav-menu title="File" *ngIf="permissions.nfs.read && enabledFeature.nfs || permissions.cephfs.read && enabledFeature.cephfs">
-        <svg cdsIcon="file-storage" icon size="16"></svg>
+        <svg cdsIcon="file-storage" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/cephfs" [useRouter]="true" *ngIf="permissions.cephfs.read && enabledFeature.cephfs"><span i18n>File Systems</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/nfs" [useRouter]="true" *ngIf="permissions.nfs.read && enabledFeature.nfs"><span i18n>NFS</span></cds-sidenav-item>
       </cds-sidenav-menu>
       <!-- Observability -->
       <cds-sidenav-menu title="Observability" *ngIf="permissions.log.read || permissions.prometheus.read">
-        <svg cdsIcon="observed--hail" icon size="16"></svg>
+        <svg cdsIcon="observed--hail" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/logs" [useRouter]="true" *ngIf="permissions.log.read"><span i18n>Logs</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/monitoring" [useRouter]="true" *ngIf="permissions.log.read"><span i18n>
           <ng-container>Alerts</ng-container>
@@ -198,7 +198,7 @@
       </cds-sidenav-menu>
       <!-- Administration -->
       <cds-sidenav-menu title="Administration" *ngIf="permissions.configOpt.read || permissions.hosts.read">
-        <svg cdsIcon="network--admin-control" icon size="16"></svg>
+        <svg cdsIcon="network--admin-control" icon size="20"></svg>
         <cds-sidenav-item routerLinkActive="active" routerLink="/services/" [useRouter]="true" *ngIf="permissions.hosts.read"><span i18n>Services</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/upgrade" [useRouter]="true" *ngIf="permissions.configOpt.read"><span i18n>Upgrade</span></cds-sidenav-item>
         <cds-sidenav-item routerLinkActive="active" routerLink="/ceph-users" [useRouter]="true" *ngIf="permissions.configOpt.read"><span i18n>Ceph Users</span></cds-sidenav-item>
diff --git a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
index f52e52f6dfcf8..621f4d0cfb045 100644
--- a/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
@@ -160,7 +160,7 @@
     SIDEBAR STYLE
 --------------------------------------------------- */
 
-$sidebar-width: 192px;
+$sidebar-width: 250px;
 
 // .cd-navbar-primary .active > a,
 // .cd-navbar-primary > .active > a:focus,
@@ -189,7 +189,7 @@ $sidebar-width: 192px;
 
     &.active {
       // margin-left: -$sidebar-width;
-      margin-left: -155px;
+      margin-left: -208px;
     }
 
     // ul {
-- 
2.39.5