From 7fb384451e16b0210025d6a92587fa24c7995ea4 Mon Sep 17 00:00:00 2001
From: Fries <fries1234@protonmail.com>
Date: Fri, 7 Jul 2023 23:02:04 -0700
Subject: [PATCH] use p instead of h2 for the webring text

and unbreak up the paragraphs in the a tags as this makes it act as
seperate links.
---
 src/components/Webring.svelte | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Webring.svelte b/src/components/Webring.svelte
index 3041049..e7bd0d3 100644
--- a/src/components/Webring.svelte
+++ b/src/components/Webring.svelte
@@ -1,13 +1,10 @@
 <section class="webring-box" aria-label="the solarpunk.moe webring">
 	<a id="previous" href={`${api_url}/previous?source_url=${site_url}`}>
-		<p class="no-margin">←</p>
-		<p class="no-margin" id="previous-text">Previous</p>
+		<p class="no-margin">←<br><span id="previous-text">Previous</span></p>
 	</a>
-	<h2 class="no-margin">solarpunk.moe</h2>
-	<h2 class="no-margin">webring</h2>
+	<p class="no-margin bigger-font">solarpunk.moe<br>webring</p>
 	<a id="next" href={`${api_url}/next?source_url=${site_url}`}>
-		<p class="no-margin" id="next-text">Next</p> 
-		<p class="no-margin">→</p>
+		<p class="no-margin"><span id="next-text">Next</span><br>→</p> 
 	</a>
 </section>
 
@@ -19,6 +16,11 @@
 	.no-margin {
 		margin: 0px;
 	}
+
+	.bigger-font {
+		font-size: 2.825rem;
+		font-weight: bold;
+	}
 </style>
 
 <script lang="ts">