engineering/remarkbox-theme-meta
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make mobile look a bit better

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

2
remarkbox_theme_meta/static/theme/meta/css/diff.css
View file

@ -162,7 +162,7 @@ div.container.main {
margin-top: 180px; margin-top: 180px;
} }
.nav-extra { .call_to_action {
float: right; float: right;
} }

16
remarkbox_theme_meta/static/theme/meta/css/meta.css
View file

@ -150,6 +150,11 @@ select {
max-width: 860px; max-width: 860px;
} }
input, textarea, select, fieldset {
margin-bottom: 0px;
}
/* I made a fiddle that could help with buttons and colors */ /* I made a fiddle that could help with buttons and colors */
/* https://jsfiddle.net/7nL0sfy0/ */ /* https://jsfiddle.net/7nL0sfy0/ */
@ -230,8 +235,15 @@ input.button-small {
} }
@media screen and (max-width:568px) { @media screen and (max-width:568px) {
.hidden-on-phone {display: none} .hidden-on-phone {display: none;}
.shown-on-phone {display: block} .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) { @media screen and (max-width:750px) {

4
remarkbox_theme_meta/templates/meta-base.j2
View file

@ -115,8 +115,8 @@
<div class="main"> <div class="main">
<div class="nav-extra"> <div class="call_to_action">
{% block nav %} {% block call_to_action %}
{% endblock %} {% endblock %}
</div> </div>