portico: Fix #registration padding.

This fixes the registration padding to not be really large. It was an
issue of margin + padding instead of using margin for both where the
result would be max(margin1, margin2).
This commit is contained in:
Brock Whittaker 2017-08-01 12:56:27 -07:00 committed by Tim Abbott
parent 6a406e2b70
commit 7d80e0c78c
1 changed files with 9 additions and 7 deletions

View File

@ -215,7 +215,7 @@ html {
} }
.register-account .terms-of-service .input-group { .register-account .terms-of-service .input-group {
margin: 0px 0px 10px 10px; margin: 0px 30px 10px 32px;
} }
.account-creation { .account-creation {
@ -612,8 +612,14 @@ button.login-google-button {
color: hsl(156, 62%, 61%); color: hsl(156, 62%, 61%);
} }
#registration {
width: auto;
padding: 0;
margin: 30px;
}
#registration section { #registration section {
padding: 10px 0 5px; margin: 30px;
} }
#registration .input-box { #registration .input-box {
@ -640,7 +646,7 @@ button.login-google-button {
} }
#registration .register-button { #registration .register-button {
margin: 40px auto 30px; margin: 25px auto 30px;
width: 330px; width: 330px;
border-radius: 4px; border-radius: 4px;
} }
@ -659,10 +665,6 @@ button.login-google-button {
right: 0; right: 0;
} }
#registration {
width: 700px;
}
#registration .input-box.full-width { #registration .input-box.full-width {
width: calc(100% - 20px); width: calc(100% - 20px);
} }