fix(route tabset): tab icon margin (#2154)

akveo · Jan 8, 2020 · f7210b2 · f7210b2
1 parent ecafd16
commit f7210b2
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/framework/theme/components/route-tabset/route-tabset.component.scss b/src/framework/theme/components/route-tabset/route-tabset.component.scss
@@ -11,6 +11,7 @@
  flex-direction: row;
  list-style-type: none;
  margin: 0;
+ padding: 0;
 
  .route-tab {
  margin-bottom: -1px;
@@ -38,15 +39,19 @@
  nb-icon {
  vertical-align: middle;
  }
-
- nb-icon + span {
- @include nb-ltr(margin-left, 0.5rem);
- @include nb-rtl(margin-right, 0.5rem);
- }
  }
  }
 }
 
-:host.full-width .route-tabset {
- justify-content: space-around;
+:host {
+ .tab-link nb-icon + span {
+ @include nb-ltr(margin-left, 0.5rem);
+ @include nb-rtl(margin-right, 0.5rem);
+ }
+}
+
+:host(.full-width) {
+ .route-tabset {
+ justify-content: space-around;
+ }
 }