From a1f0647aefa8d8db95a8e4a8d5638a45d6b1b22c Mon Sep 17 00:00:00 2001 From: IRHM Date: Thu, 19 Mar 2026 00:04:53 +0000 Subject: [PATCH 1/4] fix safari: Shrikhand font The font-style in the @font-face declaration was set to italic, but we use the font without using that style, which Safari is very strict about and wont match. --- src/styles/norm.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/norm.scss b/src/styles/norm.scss index be374f9c..d0091c76 100644 --- a/src/styles/norm.scss +++ b/src/styles/norm.scss @@ -36,7 +36,7 @@ local("Shrikhand-Regular"), url("/Shrikhand-Regular.woff2") format("woff2"); font-weight: normal; - font-style: italic; + font-style: normal; font-display: swap; } From 1ca5af8edb64687a1a2985be3dde7959b17ff811 Mon Sep 17 00:00:00 2001 From: IRHM Date: Thu, 19 Mar 2026 00:39:07 +0000 Subject: [PATCH 2/4] Icon: Fix status icons not having width and height properties not set --- src/lib/Icon.svelte | 47 ++++++++++++++++++++++++++++++++++++--------- 1 file changed, 38 insertions(+), 9 deletions(-) diff --git a/src/lib/Icon.svelte b/src/lib/Icon.svelte index 8e8887d4..57c26fd2 100644 --- a/src/lib/Icon.svelte +++ b/src/lib/Icon.svelte @@ -27,25 +27,44 @@ /> {:else if i === "clock"} - + {:else if i === "play"} - + + {:else if i === "calendar"} - + {:else if i === "thumb-down"} - {:else if i === "thumb-up"} - + @@ -73,7 +97,12 @@ /> {:else if i === "pause"} - + From 9eb48e2de21bc3d650c27b0a7a13329a1805c3ff Mon Sep 17 00:00:00 2001 From: IRHM Date: Thu, 19 Mar 2026 00:39:30 +0000 Subject: [PATCH 3/4] Status: Fix button sizes now that icons have a width/height set --- src/lib/Status.svelte | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/lib/Status.svelte b/src/lib/Status.svelte index 2f93d56f..e19d5eb1 100644 --- a/src/lib/Status.svelte +++ b/src/lib/Status.svelte @@ -78,10 +78,21 @@ gap: 10px; width: 100%; height: 100%; + container-type: inline-size; button { font-size: 10px; padding: 5px 10px; + height: 58px; + } + + /* 380px is how big the this container is usually, + but when it starts to shrink we want to button height + to be unset so that buttons become responsive. */ + @container (width < 380px) { + button { + height: unset; + } } } From 828de6fb4c3137e13879765339032edb63c37cc5 Mon Sep 17 00:00:00 2001 From: IRHM Date: Thu, 19 Mar 2026 00:52:15 +0000 Subject: [PATCH 4/4] Nav: Fix logo link being clickable through whole left side of nav The logo link on nav to go to home page was clickable through the whole left side of the nav, now it is only clickable over the actual link text. --- src/routes/(app)/+layout.svelte | 77 ++++++++++++++++++--------------- 1 file changed, 41 insertions(+), 36 deletions(-) diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte index 06fdedc4..bb941638 100644 --- a/src/routes/(app)/+layout.svelte +++ b/src/routes/(app)/+layout.svelte @@ -229,10 +229,12 @@
- - Watcharr - W - +
+ + Watcharr + W + +