From 10d20472b01d860484c69c85e27da19947224e21 Mon Sep 17 00:00:00 2001
From: Satish Chakma <77580640+satishchakma@users.noreply.github.com>
Date: Sat, 12 Aug 2023 17:49:29 +0600
Subject: [PATCH] bugfix: When activities on, the mobile view is missing the
 browse button is fixed (#1229)

* bugfix: When activities on, the mobile view is missing the Events text

* bugfix: When activities on, the mobile view is missing the browse button is fixed
---
 src/common/header/HeaderNav.jsx | 4 ++--
 src/common/header/header.css    | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/common/header/HeaderNav.jsx b/src/common/header/HeaderNav.jsx
index 4439349803..beda156bff 100644
--- a/src/common/header/HeaderNav.jsx
+++ b/src/common/header/HeaderNav.jsx
@@ -75,7 +75,7 @@ const HeaderNav = ({ showBrowse }) => {
             </button>
           </li>
 
-          {showBrowse && !showToggleMenu && (
+          {showBrowse && (
             <li>
               <Link
                 className="app-header-btn app-header-btn--secondary"
@@ -87,7 +87,7 @@ const HeaderNav = ({ showBrowse }) => {
               </Link>
             </li>
           )}
-          <li>
+          <li className="menu-events">
             <a
               className="app-header-btn app-header-btn--secondary"
               data-testid="events-btn"
diff --git a/src/common/header/header.css b/src/common/header/header.css
index c84359e43b..ffb069324e 100644
--- a/src/common/header/header.css
+++ b/src/common/header/header.css
@@ -349,6 +349,12 @@
 }
 
 @media screen and (max-width: 768px) {
+  .header-links > li > .app-header-btn.app-header-btn--secondary {
+    color: var(--color-neutral-80);
+  }
+  .menu-events {
+    margin: 0.4rem 0 0rem 0;
+  }
 }
 
 @media screen and (max-width: 576px) {