fixed bottom navbar and horizontal scrollbar

This commit is contained in:
Cristina Cochior 2019-05-27 00:38:05 +02:00
parent f2370506b4
commit 245f802d33
2 changed files with 37 additions and 23 deletions

View File

@ -14,6 +14,8 @@ body{
width: 100%; width: 100%;
top:0; top:0;
left: 0; left: 0;
margin: 0;
padding: 0;
} }
h1{ h1{
@ -143,7 +145,7 @@ width: 40%;
display: block; display: block;
} }
nav#bottom_descrip_left, nav#bottom_descrip_right { nav.nav_bottom {
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -159,6 +161,18 @@ nav#bottom_descrip_left, nav#bottom_descrip_right {
overflow: hidden; overflow: hidden;
} }
nav.nav_bottom div li {
margin-right: 2em;
}
nav.nav_bottom div li:first-child {
margin-right: 0;
}
div#bottom_descrip_left, div#bottom_descrip_right {
}
li.index { li.index {
float: left; float: left;

View File

@ -70,15 +70,15 @@
<div class="nav_bottom"> <nav class="nav_bottom">
<nav id="bottom_descrip_left"> <div id="bottom_descrip_left">
<li class="index"><a href="/">index</a></li> <li class="index"><a href="/">index</a></li>
</nav> </div>
<nav id="bottom_descrip_right"> <div id="bottom_descrip_right">
<li class="no_here">{{itemid}}/31</li>
<li class="prev_item"><a href={{addressminus}}>previous item</a></li>
<li class="next_item"><a href={{addressplus}}>next item</a></li> <li class="next_item"><a href={{addressplus}}>next item</a></li>
<li class="prev_item"><a href={{addressminus}}>previous item</a></li>
<li class="no_here">{{itemid}}/31</li>
</div>
</nav> </nav>
</div>
{% endblock %} {% endblock %}