From b96a4f388f948111436db2108327704f2ffe69e8 Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Sat, 24 Aug 2019 22:14:43 +0800
Subject: [PATCH] chore: better user instructions

---
 src/components/SettingsBar.tsx | 4 ++--
 src/content.less               | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/SettingsBar.tsx b/src/components/SettingsBar.tsx
index cc7af13..0976cb4 100644
--- a/src/components/SettingsBar.tsx
+++ b/src/components/SettingsBar.tsx
@@ -241,14 +241,14 @@ export default class SettingsBar extends React.PureComponent<Props, State> {
                       window.location.href = url
                     }}
                   >
-                    Create with OAuth
+                    Create with OAuth (recommended)
                   </a>
                 )}
                 <div className={'access-token-input-control'}>
                   <input
                     className={'access-token-input form-control'}
                     disabled={hasAccessToken}
-                    placeholder={hasAccessToken ? 'Your token is saved' : 'Input your token here'}
+                    placeholder={hasAccessToken ? 'Your token is saved' : 'Or input here manually'}
                     value={accessToken}
                     onChange={this.onInputAccessToken}
                     onKeyPress={this.onPressAccessToken}
diff --git a/src/content.less b/src/content.less
index d00b90e..dac3872 100644
--- a/src/content.less
+++ b/src/content.less
@@ -408,7 +408,7 @@
           z-index: 1;
         }
         &-section {
-          padding-bottom: 10px;
+          padding-bottom: 16px;
         }
 
         /* inputs for access token & shortcut were too wide */