Fix layout at all page sizes
This commit is contained in:
parent
3c45992182
commit
df1a33c63f
|
@ -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 %]
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue