From c5ba8700be5b8fcf98522fe167246281545d7985 Mon Sep 17 00:00:00 2001 From: "k.triantafyllou" Date: Tue, 4 Jun 2024 12:56:50 +0300 Subject: [PATCH] [develop]: Change menu-icon class to have specific width and display flex. --- less/dashboard.less | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/less/dashboard.less b/less/dashboard.less index 8fb0f0b..a639211 100644 --- a/less/dashboard.less +++ b/less/dashboard.less @@ -45,6 +45,7 @@ @dashboard-menu-section-item-color-hover: @dashboard-primary-background; @dashboard-menu-section-item-color-active: @dashboard-primary-background; @dashboard-menu-section-icon-padding: 6px; +@dashboard-menu-section-icon-size: 18px + 2*@dashboard-menu-section-icon-padding; @dashboard-menu-section-icon-border-radius: @global-border-radius; @dashboard-menu-section-icon-color: @global-meta-color; @dashboard-menu-section-sublist-padding-left: @nav-sublist-padding-left + @dashboard-menu-section-icon-padding; @@ -80,8 +81,11 @@ @dashboard-elements: #page_content .message, bottom > div; .menu-icon { - display: block; - padding: @dashboard-menu-section-icon-padding; + display: flex; + justify-content: center; + align-items: center; + width: @dashboard-menu-section-icon-size; + height: @dashboard-menu-section-icon-size; border-radius: @dashboard-menu-section-icon-border-radius; background-color: transparent; color: @dashboard-menu-section-icon-color; -- 2.17.1