dotCMS/core#16246 Make nav icons 18x18 and overflow hidden to prevent…

… bad icon entries
dotCMS · Apr 18, 2019 · 041b146 · 041b146
1 parent 9bf320a
commit 041b146
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 10 deletions.
diff --git a/src/app/view/components/dot-navigation/components/dot-nav-icon/dot-nav-icon.component.scss b/src/app/view/components/dot-navigation/components/dot-nav-icon/dot-nav-icon.component.scss
@@ -1,3 +1,8 @@
-.fa {
-    margin-left: 4px;
+:host {
+    display: flex;
+    align-items: center;
+    height: 18px;
+    justify-content: center;
+    overflow: hidden;
+    width: 18px;
 }
diff --git a/src/app/view/components/dot-navigation/components/dot-nav-item/dot-nav-item.component.scss b/src/app/view/components/dot-navigation/components/dot-nav-item/dot-nav-item.component.scss
@@ -39,14 +39,6 @@ dot-sub-nav {
         transition: background-color $basic-speed ease $basic-speed;
         width: $navigation-width;
 
-        dot-nav-icon {
-            display: flex;
-        }
-
-        dot-icon {
-            margin-left: auto;
-        }
-
         &-label {
             margin-left: $basic-padding * 2;
             word-break: break-word;