From 0ff306e5897ba82db695c0297136c70ff98887fe Mon Sep 17 00:00:00 2001
From: Rohan Kumar <seirdy@seirdy.one>
Date: Wed, 24 Aug 2022 20:14:09 -0700
Subject: [PATCH] Simplify webring list, fix list-item cutoff

- CSS containment was cutting off nested list-item markers; increase
  their padding to compensate
- Remove nested <details> use, it was causing problems and was probably
  unnecessary
---
 assets/css/main.css            | 2 +-
 layouts/partials/webrings.html | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 48aa4ac..d7443aa 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -399,7 +399,7 @@ ul ul {
 	-webkit-hyphens: auto;
 	hyphens: auto;
 	margin: 0;
-	padding-left: 1em;
+	padding-left: 1.25em;
 }
 
 /* Save some space and paper by making the site nav and footer links
diff --git a/layouts/partials/webrings.html b/layouts/partials/webrings.html
index 6c953d2..ddacb91 100644
--- a/layouts/partials/webrings.html
+++ b/layouts/partials/webrings.html
@@ -8,15 +8,13 @@
 <h2 id="webrings">Webrings</h2>
 {{ $webringData := after 1 (getCSV "," "/csv/webrings.csv") -}}
 <p>This site is part of {{ len $webringData }} <a href="https://en.wikipedia.org/wiki/Webring">webrings</a>. A webring is a collection of sites in a circular doubly-linked list; each website links to the next and previous site in the list.</p>
-<p>Some of the “next” and “previous” links contain JavaScript; you need to enable it to be re-directed to the correct page. I’ve marked these links with “JS”.</p>
 <details>
 	<summary>Toggle webrings list</summary>
+	<p>Some of the “next” and “previous” links contain JavaScript; you need to enable it to be re-directed to the correct page. I’ve marked these links with “JS”.</p>
 	<ol>
 	{{- range $i, $r := $webringData }}
 		{{- $webringName := index $r 0 }}
-		<li>
-			<details>
-				<summary>{{- $webringName -}}</summary>
+		<li>{{- $webringName -}}
 				<ol>
 					<li>
 						<a href="{{- index $r 2 -}}">{{- $webringName }} webring home</a>
@@ -33,7 +31,6 @@
 					</li>
 					{{- end }}
 				</ol>
-			</details>
 		</li>
 	{{- end -}}
 	</ol>