From bae5fe5501117df1b16da1aeb3355056d6882648 Mon Sep 17 00:00:00 2001
From: Tim Keller <tjk@tjkeller.xyz>
Date: Mon, 5 May 2025 21:23:30 -0500
Subject: text on a link buttons

---
 public/index.html |  6 +++---
 src/index.js      |  1 +
 src/slides.js     |  1 +
 src/style.css     | 17 ++++++++++++++---
 4 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index ca02d57..5868d5d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -46,9 +46,9 @@
 	<footer>
 		<div id="bottom-container">
 			<div id="menu">
-				<a href="/slideshow"><svg alt="Slideshow"><use xlink:href="#sprite-slideshow"></use></svg></a>
-				<a href="/albums">   <svg alt="Album Picker"><use xlink:href="#sprite-photo_album"></use></svg></a>
-				<a href="/settings"> <svg alt="Settings"><use xlink:href="#sprite-settings"></use></svg></a>
+				<a href="/slideshow"><svg><use xlink:href="#sprite-slideshow"></use></svg><span>Slideshow</span></a>
+				<a href="/albums">   <svg><use xlink:href="#sprite-photo_album"></use></svg><span>Albums</span></a>
+				<a href="/settings"> <svg><use xlink:href="#sprite-settings"></use></svg><span>Settings</span></a>
 			</div>
 		</div>
 	</footer>
diff --git a/src/index.js b/src/index.js
index c7e5885..4324bb5 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,4 +1,5 @@
 import "@fontsource/overpass"
+import "@fontsource/overpass/500.css"
 import "./style.css"
 import ImmichConnector from "./immich.js"
 import Page from "./pages.js"
diff --git a/src/slides.js b/src/slides.js
index f61d1fa..149db98 100644
--- a/src/slides.js
+++ b/src/slides.js
@@ -65,4 +65,5 @@ export default function initSlides() {
 	flkty.on("scroll", scroll)
 	flkty.on("staticClick", staticClick)
 	initImages()
+	return true
 }
diff --git a/src/style.css b/src/style.css
index 11ecba4..98d3fda 100644
--- a/src/style.css
+++ b/src/style.css
@@ -88,13 +88,24 @@ footer {
 
 #menu {
 	a {
+		display: flex;
+		color: white;
+		align-items: center;
+		justify-content: center;
+		text-decoration: none;
 		width: 100%;
-		padding: 12px;
-		svg { height: 24px }
+		gap: 1rem;
+		svg { height: 24px; width: 24px }
+		span {
+			font-size: .875rem;
+			line-height: 1.25rem;
+			font-weight: 500;
+		}
 	}
 	display: flex;
 	width: 100%;
-	padding: 16px;
+	padding: 1rem;
+	gap: 2ex;
 	box-sizing: border-box;
 	border-top: 1px solid rgb(55, 65, 81);
 }
-- 
cgit v1.2.3