From f98eb00a9796782787436c11c2f93633d1346cb9 Mon Sep 17 00:00:00 2001
From: Carter McBride <18412686+carterworks@users.noreply.github.com>
Date: Fri, 23 Aug 2024 15:06:42 -0600
Subject: [PATCH] Make errors less visible

---
 src/pages/index.astro | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index f524fcc..5d49dc9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -125,6 +125,16 @@ const categoriesSelectorCss = categories
 		>
 			<h1 class="">Carter's RSS Feeds</h1>
 			<hr class="flex-grow h-px border-0 border-b-2 border-b-stone-500" />
+			<ul>
+				<li>
+					<a
+						href="https://github.com/carterworks/rss-reader"
+						target="_blank"
+						rel="noopener noreferrer"
+						class="underline cursor-pointer">Github</a
+					>
+				</li>
+			</ul>
 		</header>
 		<nav
 			id="category-picker"
@@ -210,28 +220,20 @@ const categoriesSelectorCss = categories
 				}
 			</ul>
 		</main>
-		<footer class="sticky bottom-4 mt-4 md:mt-0 text-sm row-end-13 row-span-1">
+		<footer
+			class="sticky bottom-4 mt-4 md:mt-0 text-sm row-end-13 row-span-1 col-span-2 h-8 opacity-25 hover:opacity-100 transition-opacity"
+		>
 			{
 				feedItems.errors.length === 0 ? (
 					<>No errors</>
 				) : (
-					<ul>
+					<ul class="">
 						{feedItems.errors.map((error) => (
 							<li class="break-words">{error}</li>
 						))}
 					</ul>
 				)
 			}
-			<ul>
-				<li>
-					<a
-						href="https://github.com/carterworks/rss-reader"
-						target="_blank"
-						rel="noopener noreferrer"
-						class="underline cursor-pointer">Github</a
-					>
-				</li>
-			</ul>
 		</footer>
 	</body>
 </html>