diff --git a/static/style.css b/static/style.css index ea30c03..6d5376f 100644 --- a/static/style.css +++ b/static/style.css @@ -320,7 +320,7 @@ main { } .site-footer { - max-inline-size: 540px; + max-inline-size: 700px; margin-block-start: 64px; margin-inline: auto; padding-inline: 20px; @@ -329,12 +329,23 @@ main { font-size: 13px; line-height: 1.6; color: var(--color-label-secondary); - text-align: center; .footer-inner { + display: flex; + justify-content: space-between; + align-items: flex-start; + gap: 24px; padding-block-start: 24px; } + .footer-left { + text-align: start; + } + + .footer-right { + flex-shrink: 0; + } + a { color: var(--color-link); text-decoration: none; @@ -366,13 +377,13 @@ main { list-style: none; display: flex; flex-wrap: wrap; - justify-content: center; + justify-content: flex-start; gap: 4px 16px; } } .footer-lang { - margin-block-start: 16px; + margin-block-start: 0; } .lang-select { @@ -437,6 +448,15 @@ main { padding-inline: 16px; padding-block-end: 32px; font-size: 12px; + + .footer-inner { + flex-direction: column; + align-items: flex-start; + } + + .footer-lang { + margin-block-start: 16px; + } } .error-banner { diff --git a/templates/_footer.html b/templates/_footer.html index 7cff443..333c20a 100644 --- a/templates/_footer.html +++ b/templates/_footer.html @@ -4,11 +4,3 @@ {{ t_footer_db }} - diff --git a/templates/_footer_lang.html b/templates/_footer_lang.html new file mode 100644 index 0000000..6973f5d --- /dev/null +++ b/templates/_footer_lang.html @@ -0,0 +1,8 @@ + diff --git a/templates/error_alert.html b/templates/error_alert.html index 0827735..22c889b 100644 --- a/templates/error_alert.html +++ b/templates/error_alert.html @@ -30,7 +30,12 @@ {% block footer %} {% endblock %} diff --git a/templates/index.html b/templates/index.html index 35d693e..69e11ca 100644 --- a/templates/index.html +++ b/templates/index.html @@ -207,16 +207,21 @@ curl {{ site_domain }}/tor {% block footer %}