Update history nav styling

This commit is contained in:
MatthiasSaihttam 2021-10-13 23:34:16 -04:00
parent 36279ab94c
commit 465bbb0fb1
2 changed files with 12 additions and 6 deletions

View File

@ -214,15 +214,21 @@ a {
display: inline; display: inline;
} }
.history-nav.top {
margin-top: 30px;
margin-bottom: 40px;
margin-left: 20px;
}
.history-nav.bottom {
margin-top: 50px;
margin-bottom: 30px;
margin-left: 50px;
}
.history-nav ul { .history-nav ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-left: 40px;
list-style: none; list-style: none;
} }
.history-nav.top ul {
margin-left: 10px;
}
.history-nav li { .history-nav li {
display: inline; display: inline;

View File

@ -16,7 +16,7 @@
{% block main %} {% block main %}
{% if not first_page %} {% if not first_page %}
<nav id="page-nav" class="history-nav top" aria-label="History Navigation"> <nav class="history-nav top" aria-label="History Navigation">
<ul> <ul>
{% for page in pages %} {% for page in pages %}
{% if page.slug == current_page %} {% if page.slug == current_page %}
@ -73,7 +73,7 @@
{% endblock %} {% endblock %}
{% block footer %} {% block footer %}
<nav class="history-nav" aria-label="History Navigation"> <nav class="history-nav bottom" aria-label="History Navigation">
<ul> <ul>
{% for page in pages %} {% for page in pages %}
{% if page.slug == current_page %} {% if page.slug == current_page %}