From fdc4ac303063a0819386ca18cb40554927d5778a Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@gmail.com>
Date: Fri, 28 Jul 2017 09:26:37 +0900
Subject: [PATCH] Re-add navigationBarWrapper

Addresses #9283

See discussion on https://github.com/brave/browser-laptop/pull/9851#discussion_r126899931
---
 .../components/navigation/navigator.js        | 39 ++++++++-----------
 1 file changed, 17 insertions(+), 22 deletions(-)

diff --git a/app/renderer/components/navigation/navigator.js b/app/renderer/components/navigation/navigator.js
index e5c093d5a02..c3d7b7bf6bd 100644
--- a/app/renderer/components/navigation/navigator.js
+++ b/app/renderer/components/navigation/navigator.js
@@ -155,26 +155,6 @@ class Navigator extends React.Component {
     ipc.off(messages.SHORTCUT_ACTIVE_FRAME_FORWARD, this.onForward)
   }
 
-  // BEM Level: navigator__menuBarAndNavigationBar__navigationBarWrapper
-  get navigationBarWrapper () {
-    return <div className={cx({
-      navigationBarWrapper: true,
-      [css(styles.navigationBarWrapper)]: true
-    })}
-      onDoubleClick={this.onDoubleClick}
-      onDragOver={this.onDragOver}
-      onDrop={this.onDrop}
-    >
-      {this.topLevelStartButtons}
-      {
-        this.props.showNavigationBar
-        ? <NavigationBar />
-        : null
-      }
-      {this.topLevelEndButtons}
-    </div>
-  }
-
   // BEM Level: navigator__menuBarAndNavigationBar__navigationBarWrapper__topLevelStartButtons
   get topLevelStartButtons () {
     return <div className={cx({
@@ -403,7 +383,22 @@ class Navigator extends React.Component {
             </div>
             : null
         }
-        {this.navigationBarWrapper}
+        <div className={cx({
+          navigationBarWrapper: true,
+          [css(styles.navigator__menuBarAndNavigationBar__navigationBarWrapper)]: true
+        })}
+          onDoubleClick={this.onDoubleClick}
+          onDragOver={this.onDragOver}
+          onDrop={this.onDrop}
+        >
+          {this.topLevelStartButtons}
+          {
+            this.props.showNavigationBar
+            ? <NavigationBar />
+            : null
+          }
+          {this.topLevelEndButtons}
+        </div>
       </div>
       {
         this.props.isCaptionButton
@@ -425,7 +420,7 @@ const styles = StyleSheet.create({
     whiteSpace: 'nowrap'
   },
 
-  navigationBarWrapper: {
+  navigator__menuBarAndNavigationBar__navigationBarWrapper: {
     boxSizing: 'border-box',
     display: 'flex',
     justifyContent: 'space-between',