fix: language widget poisition without border css (#1188)

web/src/App.less

@@ -65,7 +65,7 @@
   right: 0;
 }
 
-.language_box {
+.language-box {
   background: url("@{StaticBaseUrl}/img/muti_language.svg");
   background-size: 25px, 25px;
   background-position: center;
@@ -94,7 +94,7 @@
   align-items: stretch;
 }
 
-.login-content{
+.login-content {
   display: flex;
   flex-direction: row;
   justify-content: center;

web/src/SelectLanguageBox.js

@@ -49,7 +49,7 @@ class SelectLanguageBox extends React.Component {
 
     return (
       <Dropdown overlay={menu} >
-        <div className="language_box" id={this.props.id} style={this.props.style} />
+        <div className="language-box" id={this.props.id} style={this.props.style} />
       </Dropdown>
     );
   }

web/src/auth/LoginPage.js

@@ -703,7 +703,7 @@ class LoginPage extends React.Component {
           <Col span={8} offset={application.formOffset === 0 || Setting.inIframe() || Setting.isMobile() ? 8 : application.formOffset} style={{display: "flex", justifyContent: "center"}}>
             <div className="login-content">
               <div style={{marginTop: "80px", marginBottom: "50px", textAlign: "center", ...formStyle}}>
-                <SelectLanguageBox id="language-box-corner" style={{top: "80px", right: "5px"}} />
+                <SelectLanguageBox id="language-box-corner" style={{top: formStyle !== null ? "80px" : "45px", right: formStyle !== null ? "5px" : "-45px"}} />
                 <div>
                   {
                     Setting.renderHelmet(application)

web/src/auth/SignupPage.js

@@ -625,7 +625,7 @@ class SignupPage extends React.Component {
           <Col span={8} offset={application.formOffset === 0 || Setting.inIframe() || Setting.isMobile() ? 8 : application.formOffset} style={{display: "flex", justifyContent: "center"}} >
             <div className="login-content">
               <div style={{marginBottom: "10px", textAlign: "center", ...formStyle}}>
-                <SelectLanguageBox id="language-box-corner" style={{top: "3px", right: "5px"}} />
+                <SelectLanguageBox id="language-box-corner" style={{top: formStyle !== null ? "3px" : "-20px", right: formStyle !== null ? "5px" : "-45px"}} />
                 {
                   Setting.renderHelmet(application)
                 }