From f5ad2daf44951c40e940c91f49fb36e47e094428 Mon Sep 17 00:00:00 2001
From: bouncepaw <bouncepaw2@ya.ru>
Date: Mon, 25 Jan 2021 23:46:28 +0500
Subject: [PATCH] Make relative hyphae block more compact

---
 templates/asset.qtpl.go | 8 ++++++--
 templates/default.css   | 9 +++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/templates/asset.qtpl.go b/templates/asset.qtpl.go
index 84cce0c..4bd18c4 100644
--- a/templates/asset.qtpl.go
+++ b/templates/asset.qtpl.go
@@ -51,7 +51,7 @@ header { width: 100%; margin-bottom: 1rem; }
 @media screen and (min-width: 801px) {
 	.main-width { padding: 1rem 2rem; width: 800px; margin: 0 auto; }
 	main { border-radius: .25rem; }
-	.relative-hyphae { width: 800px; margin: .5rem auto 0 auto; }
+	.relative-hyphae { margin: .5rem auto 0 auto; }
 
 	.header-links { padding: 0; }
 	.header-links__entry { margin-right: 1.5rem; }
@@ -70,7 +70,7 @@ header { width: 100%; margin-bottom: 1rem; }
 	.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; }
 	.main-width { margin: 0; }
 	main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
-	.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 20rem; margin: 0 auto 0 0; }
+	.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 18rem; margin: 0 auto 0 0; }
 }
 
 @media screen and (min-width: 1300px) {
@@ -208,6 +208,10 @@ blockquote { border-left: 4px black solid; }
 .upload-amnt { border: #eee 1px solid; }
 td { border: #ddd 1px solid; }
 
+.navitree__node { padding-left: 1rem; }
+.navitree__link { text-decoration: none; display: block; }
+.navitree__link:hover { background-color: #eee; }
+
 /* Dark theme! */
 @media (prefers-color-scheme: dark) {
 html { background: #222; color: #ddd; }
diff --git a/templates/default.css b/templates/default.css
index e125fc0..c30a6c2 100644
--- a/templates/default.css
+++ b/templates/default.css
@@ -26,7 +26,7 @@ header { width: 100%; margin-bottom: 1rem; }
 @media screen and (min-width: 801px) {
 	.main-width { padding: 1rem 2rem; width: 800px; margin: 0 auto; }
 	main { border-radius: .25rem; }
-	.relative-hyphae { width: 800px; margin: .5rem auto 0 auto; }
+	.relative-hyphae { margin: .5rem auto 0 auto; }
 
 	.header-links { padding: 0; }
 	.header-links__entry { margin-right: 1.5rem; }
@@ -45,7 +45,7 @@ header { width: 100%; margin-bottom: 1rem; }
 	.layout { display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; margin: 0 1rem; }
 	.main-width { margin: 0; }
 	main { grid-column: 1 / span 1; grid-row: 1 / span 2; }
-	.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 20rem; margin: 0 auto 0 0; }
+	.relative-hyphae { grid-column: 2 / span 1; grid-row: 1 / span 1; min-width: 10rem; max-width: 18rem; margin: 0 auto 0 0; }
 }
 
 @media screen and (min-width: 1300px) {
@@ -183,6 +183,10 @@ blockquote { border-left: 4px black solid; }
 .upload-amnt { border: #eee 1px solid; }
 td { border: #ddd 1px solid; }
 
+.navitree__node { padding-left: 1rem; }
+.navitree__link { text-decoration: none; display: block; }
+.navitree__link:hover { background-color: #eee; }
+
 /* Dark theme! */
 @media (prefers-color-scheme: dark) {
 html { background: #222; color: #ddd; }
@@ -191,6 +195,7 @@ main,  article, .hypha-tabs__tab, header, .layout-card { background-color: #3434
 a, .wikilink_external { color: #f1fa8c; }
 a:visited, .wikilink_external:visited { color: #ffb86c; }
 .wikilink_new, .wikilink_new:visited { color: #dd4444; }
+.navitree__link:hover { background-color: #444; }
 
 .header-links__link, .header-links__link:visited,
 .prevnext__el, .prevnext__el:visited { color: #ddd; }