From 4faa3056e047b3e98123457a35ba4e6d71081207 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Mon, 6 Mar 2023 15:29:36 +0200
Subject: [PATCH] UI: Side menu style improvements

---
 .../src/app/modules/home/menu/menu-toggle.component.scss   | 1 +
 ui-ngx/src/app/modules/home/menu/side-menu.component.scss  | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss
index 1a19de8b06..85c5dfa42e 100644
--- a/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss
+++ b/ui-ngx/src/app/modules/home/menu/menu-toggle.component.scss
@@ -18,6 +18,7 @@
     .tb-toggle-icon {
       display: inline-block;
       width: 15px;
+      min-width: 15px;
       margin: auto 0 auto auto;
       background-size: 100% auto;
       transition: transform .3s ease-in-out;
diff --git a/ui-ngx/src/app/modules/home/menu/side-menu.component.scss b/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
index e0b8b24110..54cbf11c53 100644
--- a/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
+++ b/ui-ngx/src/app/modules/home/menu/side-menu.component.scss
@@ -53,12 +53,19 @@
     mat-icon {
       margin-right: 8px;
       margin-left: 0;
+      min-width: 1.125rem;
+      min-height: 1.125rem;
     }
     span.mdc-button__label {
       width: 100%;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
+      display: inline-flex;
+      & > span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
       .tb-toggle-icon {
         padding-top: 12px;
         padding-bottom: 12px;