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 {
padding: 0 15px 15px 15px
padding: 0 15px 15px 15px;
&:empty {
padding: 0;
}
}
.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
// on both the login and
// create accont modals
// create account modals
.login-modal,
.create-account {
#login-buttons:not(.hidden) {
@ -39,7 +34,6 @@
tr:not(.instructions) {
td {
display: -webkit-flex;
display: flex;
padding: 5px 0 0 0;
}
@ -60,8 +54,6 @@
padding: 15px 0;
tr {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}
@ -78,8 +70,6 @@
}
.create-account-form tr {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}
@ -171,10 +161,6 @@
margin-bottom: 12px;
}
.disclaimer {
margin-top: 15px;
}
.user-fields {
border-top: 1px solid $primary-low;
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
// used in both login and
// create account modals
@ -18,7 +13,6 @@
}
#login-buttons:not(.hidden) {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
@ -32,6 +26,9 @@
margin: 1% 0 1% 2%;
font-size: $font-up-1;
white-space: nowrap;
@media screen and (max-width: 360px) {
font-size: $font-0;
}
}
+ #login-form {
@ -40,8 +37,6 @@
}
form {
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
}
@ -61,8 +56,6 @@
}
&:not(.password-confirmation) {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}
@ -104,8 +97,6 @@
#credentials {
width: 100%;
tr {
display: -webkit-flex;
-webkit-flex-direction: column;
display: flex;
flex-direction: column;
}