Merge pull request #8337 from bsclifton/fix-payments-faq

Move the FAQ link next to the payment on/off toggle
brave · Apr 17, 2017 · aff6341 · aff6341
2 parents 2b1d9ea + 00c3bbb
commit aff6341
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/app/renderer/components/preferences/paymentsTab.js b/app/renderer/components/preferences/paymentsTab.js
@@ -181,6 +181,16 @@ class PaymentsTab extends ImmutableComponent {
               switchClassName={css(styles.switchWrap__switchControl)}
               labelClassName={css(styles.switchWrap__label)}
             />
+            <a className={cx({
+              fa: true,
+              'fa-question-circle': true,
+              [css(styles.autoSuggestSwitch__moreInfo)]: true,
+              [css(styles.autoSuggestSwitch__moreInfoBtnSuggest)]: true
+            })}
+              href='https://brave.com/Payments_FAQ.html'
+              target='_blank'
+              data-l10n-id='paymentsFAQLink'
+            />
           </div>
           {
             this.enabled
@@ -198,16 +208,6 @@ class PaymentsTab extends ImmutableComponent {
                     onChangeSetting={this.props.onChangeSetting}
                     switchClassName={css(styles.switchWrap__switchControl)}
                   />
-                  <a className={cx({
-                    fa: true,
-                    'fa-question-circle': true,
-                    [css(styles.autoSuggestSwitch__moreInfo)]: true,
-                    [css(styles.autoSuggestSwitch__moreInfoBtnSuggest)]: true
-                  })}
-                    href='https://brave.com/Payments_FAQ.html'
-                    target='_blank'
-                    data-l10n-id='paymentsFAQLink'
-                  />
                 </div>
               </div>
               <div className={css(styles.switchWrap__mainIconsRight)}>
@@ -309,7 +309,8 @@ const styles = StyleSheet.create({
   },
   autoSuggestSwitch__moreInfoBtnSuggest: {
     position: 'relative',
-    left: '5px',
+    top: '-1px',
+    left: '8px',
     cursor: 'pointer',
 
     // TODO: refactor preferences.less to remove !important