Update site-nav-toggle style

layout/_partials/header/brand.njk

@@ -1,10 +1,8 @@
 <div class="site-brand-container">
-  <div class="site-nav-toggle">
-    <div class="toggle" aria-label="{{ __('accessibility.nav_toggle') }}" role="button">
-      {%- if theme.menu %}
-        <span class="toggle-line"></span>
-        <span class="toggle-line"></span>
-        <span class="toggle-line"></span>
+  <div class="site-nav-search">
+    <div class="toggle popup-trigger" aria-label="{{ __('menu.search') }}" role="button">
+      {%- if theme.algolia_search.enable or theme.local_search.enable %}
+        <i class="fa fa-search fa-fw fa-lg"></i>
       {%- endif %}
     </div>
   </div>
@@ -27,10 +25,10 @@
     {%- endif %}
   </div>
 
-  <div class="site-nav-right">
-    <div class="toggle popup-trigger" aria-label="{{ __('menu.search') }}" role="button">
-      {%- if theme.algolia_search.enable or theme.local_search.enable %}
-        <i class="fa fa-search fa-fw fa-lg"></i>
+  <div class="site-nav-toggle">
+    <div class="toggle" aria-label="{{ __('accessibility.nav_toggle') }}" role="button">
+      {%- if theme.menu %}
+        <i class="fa fa-ellipsis fa-fw fa-lg"></i>
       {%- endif %}
     </div>
   </div>

source/css/_common/outline/header/site-nav.styl

@@ -1,4 +1,4 @@
-.site-nav-toggle, .site-nav-right {
+.site-nav-toggle, .site-nav-search {
   display: none;
 
   +mobile() {
@@ -7,13 +7,6 @@
 
   .toggle {
     color: var(--text-color);
-    padding: 10px;
-    width: 22px;
-
-    .toggle-line {
-      background: var(--text-color);
-      border-radius: 1px;
-    }
   }
 }
 

source/css/_schemes/Pisces/_header.styl

@@ -20,16 +20,12 @@
   padding: 20px 0;
 }
 
-.site-nav-toggle, .site-nav-right {
+.site-nav-toggle, .site-nav-search {
   +tablet() {
     flex-column();
   }
 
   .toggle {
     color: white;
-
-    .toggle-line {
-      background: white;
-    }
   }
 }