Improve oauth button UI.

web/src/auth/LoginPage.js

@@ -106,15 +106,16 @@ class LoginPage extends React.Component {
       });
   };
 
-  getLoginButton(type) {
+  getSigninButton(type) {
+    const text = i18next.t("login:Sign in with {type}").replace("{type}", type);
     if (type === "GitHub") {
-      return <GithubLoginButton />
+      return <GithubLoginButton text={text} align={"center"} />
     } else if (type === "Google") {
-      return <GoogleLoginButton />
+      return <GoogleLoginButton text={text} align={"center"} />
     } else if (type === "QQ") {
-      return <QqLoginButton />
+      return <QqLoginButton text={text} align={"center"} />
     } else {
-      return `Log in with ${type}`;
+      return text;
     }
   }
 
@@ -130,7 +131,7 @@ class LoginPage extends React.Component {
         <div key={provider.displayName} style={{marginBottom: "10px"}}>
           <a href={Provider.getAuthUrl(application, provider, "signup")}>
             {
-              this.getLoginButton(provider.type)
+              this.getSigninButton(provider.type)
             }
           </a>
         </div>
@@ -234,13 +235,13 @@ class LoginPage extends React.Component {
       return (
         <div style={{marginTop: "20px"}}>
           <div style={{fontSize: 16, textAlign: "left"}}>
-            Sign in&nbsp;
+            {i18next.t("login:To access")}&nbsp;
             <a target="_blank" rel="noreferrer" href={application.homepageUrl}>
               <span style={{fontWeight: "bold"}}>
                 {application.displayName}
               </span>
             </a>
-            &nbsp;with:
+            :
           </div>
           <br/>
           {

web/src/auth/QqLoginButton.js

@@ -19,7 +19,7 @@ function Icon({ width = 24, height = 24, color }) {
 }
 
 const config = {
-  text: "Log in with QQ",
+  text: "Sign in with QQ",
   icon: Icon,
   iconFormat: name => `fa fa-${name}`,
   style: {background: "rgb(94,188,249)"},

web/src/locales/en.json

@@ -73,7 +73,9 @@
     "Forgot password?": "Forgot password?",
     "Sign In": "Sign In",
     "No account yet?": "No account yet?",
-    "sign up now": "sign up now"
+    "sign up now": "sign up now",
+    "To access": "To access",
+    "Sign in with {type}": "Sign in with {type}"
   },
   "account":
   {

web/src/locales/zh.json

@@ -73,7 +73,9 @@
     "Forgot password?": "忘记密码？",
     "Sign In": "登录",
     "No account yet?": "没有账号？",
-    "sign up now": "立即注册"
+    "sign up now": "立即注册",
+    "To access": "访问",
+    "Sign in with {type}": "{type}登录"
   },
   "account":
   {