diff --git a/apps/authentication/templates/authentication/login.html b/apps/authentication/templates/authentication/login.html index e5e4a7a4e..98e11732d 100644 --- a/apps/authentication/templates/authentication/login.html +++ b/apps/authentication/templates/authentication/login.html @@ -38,6 +38,8 @@ background-color: #ffffff; height: 1px; margin: 20px 0; + width: 30%; + display: inline-block; } .login-content { @@ -78,7 +80,7 @@ margin-bottom: 0; } - .captch-field .has-error .help-block { + .captcha-field .has-error .help-block { margin-top: -8px !important; } @@ -87,25 +89,32 @@ } .jms-title { - padding: 60px 10px 10px 60px; + padding: 60px 10px 10px; } .no-captcha-challenge .jms-title { - padding: 60px 10px 10px 60px; + padding: 60px 10px 10px; } .no-captcha-challenge .welcome-message { padding-top: 10px; } + .more-login-items { + margin-top: 10px; + } + .more-login-item { border-right: 1px dashed #dedede; - padding-left: 5px; - padding-right: 5px; + padding: 2px 5px; } .more-login-item:last-child { - border: none; + border-right: none; + } + + .more-login-item:hover { + color: #334554; } .select-con { @@ -117,6 +126,7 @@ } .login-page-language { + font-size: 12px!important; margin-right: -11px !important; padding-top: 12px !important; padding-left: 0 !important; @@ -136,7 +146,32 @@ font-weight:400; color: #151515; letter-spacing: 0; - text-align: left; + } + .more-methods-title { + position: relative; + } + .more-methods-title:before, .more-methods-title:after { + position: absolute; + top: 50%; + transform: translateY(-50%); + content: ''; + border: 1px dashed #e7eaec; + width: 35%; + } + .more-methods-title:before { + left: 0; + } + .more-methods-title:after { + right: 0; + } + .more-methods-title.ja:before, .more-methods-title.ja:after{ + width: 26%; + } + .captcha-field .form-group { + margin-bottom: 5px; + } + .auto-login.form-group .checkbox { + margin: 5px 0; } @@ -168,7 +203,7 @@