Style SSO login like a button

This commit is contained in:
J. Ryan Stinnett 2019-01-25 23:36:36 -06:00
parent 306380d647
commit b1f698586e
2 changed files with 6 additions and 4 deletions

View file

@ -45,6 +45,7 @@ limitations under the License.
width: 100%;
margin-top: 35px;
margin-bottom: 24px;
box-sizing: border-box;
}
.mx_Login_submit:hover {
@ -65,10 +66,11 @@ limitations under the License.
margin-right: 10px;
}
.mx_Login_sso_link {
display: block;
.mx_AuthBody a.mx_Login_sso_link:link,
.mx_AuthBody a.mx_Login_sso_link:hover,
.mx_AuthBody a.mx_Login_sso_link:visited {
color: $button-primary-fg-color;
text-align: center;
margin-bottom: 20px;
}
.mx_Login_loader {

View file

@ -590,7 +590,7 @@ module.exports = React.createClass({
// user's browser, let them log into their SSO provider, then redirect their browser
// to vector://vector which, of course, will not work.
return (
<a href={url} className="mx_Login_sso_link">{ _t('Sign in with single sign-on') }</a>
<a href={url} className="mx_Login_sso_link mx_Login_submit">{ _t('Sign in with single sign-on') }</a>
);
},