From de72530022cfb13ead1b4128276bb8b4f1f48bfb Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+sivin-git@users.noreply.github.com>
Date: Thu, 1 Apr 2021 20:57:43 +0530
Subject: [PATCH] Fix: responsive issue conversations hamburger menu  (#2036)

---
 app/javascript/dashboard/components/ChatList.vue            | 1 -
 app/javascript/dashboard/components/SidemenuIcon.vue        | 6 +++++-
 .../routes/dashboard/conversation/search/PopOverSearch.vue  | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/components/ChatList.vue b/app/javascript/dashboard/components/ChatList.vue
index a21fb15a7..392b0a7a4 100644
--- a/app/javascript/dashboard/components/ChatList.vue
+++ b/app/javascript/dashboard/components/ChatList.vue
@@ -3,7 +3,6 @@
     <slot></slot>
     <div class="chat-list__top">
       <h1 class="page-title text-truncate" :title="pageTitle">
-        <woot-sidemenu-icon />
         {{ pageTitle }}
       </h1>
       <chat-filter @statusFilterChange="updateStatusType" />
diff --git a/app/javascript/dashboard/components/SidemenuIcon.vue b/app/javascript/dashboard/components/SidemenuIcon.vue
index 1ac0b0370..f17a1c865 100644
--- a/app/javascript/dashboard/components/SidemenuIcon.vue
+++ b/app/javascript/dashboard/components/SidemenuIcon.vue
@@ -3,7 +3,6 @@
 </template>
 
 <script>
-/* global bus */
 export default {
   methods: {
     onMenuItemClick() {
@@ -12,3 +11,8 @@ export default {
   },
 };
 </script>
+<style lang="scss" scoped>
+.ion-android-menu {
+  font-size: var(--font-size-big);
+}
+</style>
diff --git a/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue b/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue
index fd97c371d..c6960c9e2 100644
--- a/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue
+++ b/app/javascript/dashboard/routes/dashboard/conversation/search/PopOverSearch.vue
@@ -1,6 +1,7 @@
 <template>
   <div v-on-clickaway="closeSearch" class="search-wrap">
     <div class="search" :class="{ 'is-active': showSearchBox }">
+      <woot-sidemenu-icon />
       <div class="icon">
         <i class="ion-ios-search-strong search--icon" />
       </div>