From 6f1efb7e7cbb2db6344aeba6ea935eb29d2a5068 Mon Sep 17 00:00:00 2001
From: "(quasar) nebula" <qznebula@protonmail.com>
Date: Tue, 21 Jun 2022 23:26:48 -0300
Subject: more nav layout tweaks

---
 src/page/album.js   | 5 +----
 src/static/site.css | 9 +++++----
 2 files changed, 6 insertions(+), 8 deletions(-)

(limited to 'src')

diff --git a/src/page/album.js b/src/page/album.js
index 030b7778..c265fdc6 100644
--- a/src/page/album.js
+++ b/src/page/album.js
@@ -263,11 +263,8 @@ export function write(album, {wikiData}) {
                                 album: link.album(album, {class: 'current'})
                             })
                         },
-                        album.tracks.length > 1 && {
-                            divider: false,
-                            html: generateAlbumNavLinks(album, null, {language})
-                        },
                     ],
+                    bottomRowContent: generateAlbumNavLinks(album, null, {language}),
                     content: generateAlbumChronologyLinks(album, null, {generateChronologyLinks}),
                 },
 
diff --git a/src/static/site.css b/src/static/site.css
index 553172a5..e0031351 100644
--- a/src/static/site.css
+++ b/src/static/site.css
@@ -125,6 +125,7 @@ a:hover {
 
 #header.nav-has-main-links.nav-has-content {
     grid-template-columns: 2.5fr 3fr;
+    grid-template-rows: min-content 1fr;
     grid-template-areas:
         "main-links content"
         "bottom-row content";
@@ -148,6 +149,7 @@ a:hover {
 
 .nav-bottom-row {
     grid-area: bottom-row;
+    align-self: start;
 }
 
 .nav-main-links > span {
@@ -158,8 +160,7 @@ a:hover {
     font-weight: 800;
 }
 
-.nav-links-index > span:not(:first-child):not(.no-divider)::before,
-.nav-chronology-links > div.chronology:not(:last-child)::after {
+.nav-links-index > span:not(:first-child):not(.no-divider)::before {
     content: "\0020\00b7\0020";
     font-weight: 800;
 }
@@ -169,7 +170,7 @@ a:hover {
 }
 
 #header .chronology {
-    display: inline-block;
+    display: block;
 }
 
 #header .chronology .heading,
@@ -990,7 +991,7 @@ li > ul {
         display: block;
     }
 
-    #header > div {
+    #header > div:not(:first-child) {
         margin-top: 0.5em;
     }
 }
-- 
cgit 1.3.0-6-gf8a5