From 09d52ceecbbf3df9caa631b3cc2385204144d7d2 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Tue, 18 Feb 2020 21:14:20 +0200
Subject: [PATCH] NavTabButton styles updated

---
 src/common/NavBar/NavTabButton/NavTabButton.js |  2 +-
 src/common/NavBar/NavTabButton/styles.less     | 13 ++++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/common/NavBar/NavTabButton/NavTabButton.js b/src/common/NavBar/NavTabButton/NavTabButton.js
index 4bb2bb6e3..ecd271e45 100644
--- a/src/common/NavBar/NavTabButton/NavTabButton.js
+++ b/src/common/NavBar/NavTabButton/NavTabButton.js
@@ -7,7 +7,7 @@ const styles = require('./styles');
 
 const NavTabButton = ({ className, icon, label, href, selected, direction, onClick }) => {
     return (
-        <Button className={classnames(className, styles['nav-tab-button-container'], styles[`nav-tab-button-${direction}`], { 'selected': selected })} title={label} tabIndex={-1} href={href} onClick={onClick}>
+        <Button className={classnames(className, styles['nav-tab-button-container'], styles['nav-tab-button-horizontal'], styles[`nav-tab-button-${direction}`], { 'selected': selected })} title={label} tabIndex={-1} href={href} onClick={onClick}>
             {
                 typeof icon === 'string' && icon.length > 0 ?
                     <Icon className={styles['icon']} icon={icon} />
diff --git a/src/common/NavBar/NavTabButton/styles.less b/src/common/NavBar/NavTabButton/styles.less
index 89ce6c773..583180d63 100644
--- a/src/common/NavBar/NavTabButton/styles.less
+++ b/src/common/NavBar/NavTabButton/styles.less
@@ -14,7 +14,12 @@
         flex-direction: row;
         padding: 0 1rem;
 
+        .icon {
+            margin: 0 0.5rem 0 0;
+        }
+
         .label {
+            flex: 1;
             max-height: 2.4em;
         }
     }
@@ -22,7 +27,6 @@
     &.nav-tab-button-vertical {
         flex-direction: column;
         justify-content: center;
-        height: var(--nav-bar-size);
         padding: 0.5rem;
 
         .icon {
@@ -30,6 +34,7 @@
         }
 
         .label {
+            flex: none;
             max-height: 1.2em;
             font-size: 0.75rem;
         }
@@ -39,16 +44,10 @@
         flex: none;
         width: 1.5rem;
         height: 1.2rem;
-        margin-right: 0.5rem;
         fill: var(--color-surfacelighter);
-
-        &:only-child {
-            margin-right: 0;
-        }
     }
 
     .label {
-        flex: 1;
         color: var(--color-surfacelighter);
     }
 }
\ No newline at end of file