https://github.com/tracim/tracim/issues/778, alignment of the login button and the Forgotten password feature

frontend/src/container/Login.jsx

@@ -102,35 +102,36 @@ class Login extends React.Component {
                         onChange={this.handleChangePassword}
                       />
 
-                      <div className='row mt-4 mb-4'>
-                        <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6'>
-                          {/*
-                          <InputCheckbox
-                            parentClassName='connection__form__rememberme'
-                            customClass=''
-                            label='Se souvenir de moi'
-                            checked={this.state.inputRememberMe}
-                            onChange={this.handleChangeRememberMe}
-                          />
-                          */}
-                        </div>
-
-                        <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 text-sm-right'>
+                      <div className='row align-items-center mt-4 mb-4'>
+
+                        {/*
+                          <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6'>
+                            <InputCheckbox
+                              parentClassName='connection__form__rememberme'
+                              customClass=''
+                              label='Se souvenir de moi'
+                              checked={this.state.inputRememberMe}
+                              onChange={this.handleChangeRememberMe}
+                            />
+                          </div>
+                        */}
+
+                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>
                           <LoginBtnForgotPw
                             customClass='connection__form__pwforgot'
                             label={this.props.t('Forgotten password ?')}
                           />
                         </div>
+                        <Button
+                          htmlType='button'
+                          bootstrapType='primary'
+                          customClass='connection__form__btnsubmit ml-auto'
+                          label={this.props.t('Connection')}
+                          onClick={this.handleClickSubmit}
+                        />
                       </div>
-
-                      <Button
-                        htmlType='button'
-                        bootstrapType='primary'
-                        customClass='connection__form__btnsubmit ml-auto'
-                        label={this.props.t('Connection')}
-                        onClick={this.handleClickSubmit}
-                      />
                     </div>
+
                   </CardBody>
                 </Card>
 

frontend/src/css/Login.styl

@@ -52,13 +52,12 @@
       &:focus
         box-shadow shadow-all-side-green
     &__pwforgot
-      margin-top 3px
       cursor pointer
       font-size 13px
       &:hover::after
         position absolute
         top 20px
-        right 15px
+        left 15px
         border-bottom 1px solid darkGrey
         padding-bottom 2px
         content ' '