padding fix, small phone fix

This commit is contained in:
Kris 2018-05-26 01:12:33 -04:00
parent 5b2e7c8d10
commit 4bd24e78fc
3 changed files with 9 additions and 29 deletions

View File

@ -144,7 +144,10 @@ $input-width: 220px;
} }
.auth-message { .auth-message {
padding: 0 15px 15px 15px padding: 0 15px 15px 15px;
&:empty {
padding: 0;
}
} }
.modal tr.instructions { .modal tr.instructions {

View File

@ -1,11 +1,6 @@
// -webkit- prefix needed for
// flexbox on Safari 8
// can be removed once support
// for safari 8 is dropped
// shared styles used // shared styles used
// on both the login and // on both the login and
// create accont modals // create account modals
.login-modal, .login-modal,
.create-account { .create-account {
#login-buttons:not(.hidden) { #login-buttons:not(.hidden) {
@ -39,7 +34,6 @@
tr:not(.instructions) { tr:not(.instructions) {
td { td {
display: -webkit-flex;
display: flex; display: flex;
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
@ -60,8 +54,6 @@
padding: 15px 0; padding: 15px 0;
tr { tr {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -78,8 +70,6 @@
} }
.create-account-form tr { .create-account-form tr {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -171,10 +161,6 @@
margin-bottom: 12px; margin-bottom: 12px;
} }
.disclaimer {
margin-top: 15px;
}
.user-fields { .user-fields {
border-top: 1px solid $primary-low; border-top: 1px solid $primary-low;
padding-top: 20px; padding-top: 20px;

View File

@ -1,8 +1,3 @@
// -webkit- prefix needed for
// flexbox on Safari 8
// can be removed once support
// for safari 8 is dropped
// shared styles // shared styles
// used in both login and // used in both login and
// create account modals // create account modals
@ -18,7 +13,6 @@
} }
#login-buttons:not(.hidden) { #login-buttons:not(.hidden) {
display: -webkit-flex;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
@ -32,6 +26,9 @@
margin: 1% 0 1% 2%; margin: 1% 0 1% 2%;
font-size: $font-up-1; font-size: $font-up-1;
white-space: nowrap; white-space: nowrap;
@media screen and (max-width: 360px) {
font-size: $font-0;
}
} }
+ #login-form { + #login-form {
@ -40,8 +37,6 @@
} }
form { form {
display: -webkit-flex;
-webkit-justify-content: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
@ -61,8 +56,6 @@
} }
&:not(.password-confirmation) { &:not(.password-confirmation) {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@ -104,8 +97,6 @@
#credentials { #credentials {
width: 100%; width: 100%;
tr { tr {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }