UI: Side menu style improvements

4 years ago · 4faa3056e0
2 changed files with 8 additions and 0 deletions
--- 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;
--- 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;