make mobile look a bit better

modified:   static/theme/meta/css/meta.css
This commit is contained in:
russellballestrini 2018-07-12 16:32:14 -04:00
parent cc79e92ece
commit 51e261f8cd
3 changed files with 17 additions and 5 deletions

View file

@ -150,6 +150,11 @@ select {
max-width: 860px;
}
input, textarea, select, fieldset {
margin-bottom: 0px;
}
/* I made a fiddle that could help with buttons and colors */
/* https://jsfiddle.net/7nL0sfy0/ */
@ -230,8 +235,15 @@ input.button-small {
}
@media screen and (max-width:568px) {
.hidden-on-phone {display: none}
.shown-on-phone {display: block}
.hidden-on-phone {display: none;}
.shown-on-phone {display: block;}
button,
input[type="submit"],
input[type="button"],
.button,
.button-small {
font-size: .80rem; padding: .80rem; height: 10px; line-height: 5px;
}
}
@media screen and (max-width:750px) {