From b55b3e42b7f9d652bf72591ed0f259d5d074e09d Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Fri, 27 May 2022 15:26:05 +0300
Subject: [PATCH] toggle visibility of button explicitly

---
 src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js | 2 +-
 src/common/NavBar/HorizontalNavBar/styles.less         | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js b/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
index b56072c2e..2d27f36fe 100644
--- a/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
+++ b/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
@@ -17,7 +17,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto
     }, []);
     const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
     const renderNavMenuLabel = React.useCallback(({ ref, className, onClick, children, }) => (
-        <Button ref={ref} className={classnames(className, styles['button-container'])} tabIndex={-1} onClick={onClick}>
+        <Button ref={ref} className={classnames(className, styles['button-container'], styles['menu-button-container'])} tabIndex={-1} onClick={onClick}>
             <Icon className={styles['icon']} icon={'ic_more'} />
             {children}
         </Button>
diff --git a/src/common/NavBar/HorizontalNavBar/styles.less b/src/common/NavBar/HorizontalNavBar/styles.less
index a18a41fb3..d3fadc931 100644
--- a/src/common/NavBar/HorizontalNavBar/styles.less
+++ b/src/common/NavBar/HorizontalNavBar/styles.less
@@ -110,10 +110,8 @@
             display: none;
         }
 
-        .button-container {
-            &:not(:last-child):not(.back-button-container) {
-                display: none;
-            }
+        .button-container:not(.back-button-container):not(.menu-button-container) {
+            display: none;
         }
     }
 }
\ No newline at end of file