From ce3a8ae615c1e51c90c6f0bbed3730a175b0c70a Mon Sep 17 00:00:00 2001
From: yan <yan@mit.edu>
Date: Tue, 15 Aug 2017 00:59:53 +0000
Subject: [PATCH] rearrange bravery panel layout

---
 app/renderer/components/main/braveryPanel.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/app/renderer/components/main/braveryPanel.js b/app/renderer/components/main/braveryPanel.js
index 9e72b4787c2..e8bddbfa5bb 100644
--- a/app/renderer/components/main/braveryPanel.js
+++ b/app/renderer/components/main/braveryPanel.js
@@ -514,7 +514,7 @@ class BraveryPanel extends React.Component {
                 </div>
 
                 <SwitchControl className={css(
-                  !this.props.isCompactBraveryPanel && gridStyles.row3col1,
+                  !this.props.isCompactBraveryPanel && gridStyles.row5col1,
                   this.props.isCompactBraveryPanel && gridStyles.row7col1,
                   this.props.isCompactBraveryPanel && styles.braveryPanel_compact__body__advanced__control__switchControl
                 )}
@@ -526,7 +526,7 @@ class BraveryPanel extends React.Component {
                 />
 
                 <SwitchControl className={css(
-                  !this.props.isCompactBraveryPanel && gridStyles.row4col1,
+                  !this.props.isCompactBraveryPanel && gridStyles.row6col1,
                   this.props.isCompactBraveryPanel && gridStyles.row8col1,
                   this.props.isCompactBraveryPanel && styles.braveryPanel_compact__body__advanced__control__switchControl
                 )}
@@ -560,7 +560,7 @@ class BraveryPanel extends React.Component {
 
                 <div className={css(
                   !this.props.shieldsUp && styles.braveryPanel__body__advanced__control__forms__title_disabled,
-                  !this.props.isCompactBraveryPanel && gridStyles.row3col2,
+                  !this.props.isCompactBraveryPanel && gridStyles.row3col1,
                   this.props.isCompactBraveryPanel && gridStyles.row5col1,
                   styles.braveryPanel__body__advanced__control__fpWrapper,
                   styles.braveryPanel__body__advanced__control__forms__title
@@ -574,7 +574,7 @@ class BraveryPanel extends React.Component {
 
                 <div className={css(
                   !this.props.shieldsUp && styles.braveryPanel__body__advanced__control__forms__dropdown_disabled,
-                  !this.props.isCompactBraveryPanel && gridStyles.row4col2,
+                  !this.props.isCompactBraveryPanel && gridStyles.row4col1,
                   !this.props.isCompactBraveryPanel && styles.braveryPanel__body__advanced__control__forms__dropdown,
                   this.props.isCompactBraveryPanel && gridStyles.row6col1,
                   this.props.isCompactBraveryPanel && styles.braveryPanel_compact__body__advanced__control__forms__dropdown
@@ -591,7 +591,7 @@ class BraveryPanel extends React.Component {
                 </div>
 
                 <SwitchControl className={css(
-                  !this.props.isCompactBraveryPanel && gridStyles.row5col1,
+                  !this.props.isCompactBraveryPanel && gridStyles.row5col2,
                   this.props.isCompactBraveryPanel && gridStyles.row9col1,
                   this.props.isCompactBraveryPanel && styles.braveryPanel_compact__body__advanced__control__switchControl
                 )}
@@ -700,6 +700,10 @@ const gridStyles = StyleSheet.create({
     gridRow: 5,
     gridColumn: 1
   },
+  row5col2: {
+    gridRow: 5,
+    gridColumn: 2
+  },
   row6col1: {
     gridRow: 6,
     gridColumn: 1