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 class="container">
<div class="skip-topbar"></div>
[% IF flashMsg %]
<div class="alert alert-info">[% flashMsg %]</div>
[% END %]

View file

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