Fix layout at all page sizes

This commit is contained in:
Eelco Dolstra 2013-11-06 14:50:21 +01:00
parent 3c45992182
commit df1a33c63f
2 changed files with 11 additions and 6 deletions

View file

@ -65,6 +65,8 @@
</div> </div>
<div class="container"> <div class="container">
<div class="skip-topbar"></div>
[% IF flashMsg %] [% IF flashMsg %]
<div class="alert alert-info">[% flashMsg %]</div> <div class="alert alert-info">[% flashMsg %]</div>
[% END %] [% END %]

View file

@ -1,9 +1,12 @@
@media (min-width: 768px) { div.skip-topbar {
body { padding-top: 40px;
padding-top: 40px; margin-bottom: 1.5em;
} }
div.alert {
margin-top: 1em; @media (max-width: 979px) {
div.skip-topbar {
padding-top: 0;
margin-bottom: 0;
} }
} }