From d8b973b58d1b9b1055a1f9aa40ba34f84dffaef8 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Tue, 20 Jan 2026 16:41:18 +1300
Subject: [PATCH] Logo is a proper link

---
 .../src/lib/components/watch/Description.svelte | 17 ++++++++++++++---
 materialious/src/lib/time.ts                    |  8 ++++++--
 materialious/src/routes/(app)/+layout.svelte    | 12 ++++--------
 .../src/routes/(app)/watch/[slug]/+page.svelte  |  6 +++---
 4 files changed, 27 insertions(+), 16 deletions(-)

diff --git a/materialious/src/lib/components/watch/Description.svelte b/materialious/src/lib/components/watch/Description.svelte
index 5dbe0f0e..5aba3aa2 100644
--- a/materialious/src/lib/components/watch/Description.svelte
+++ b/materialious/src/lib/components/watch/Description.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
-	import { cleanNumber } from '$lib/numbers';
+	import { cleanNumber, numberWithCommas } from '$lib/numbers';
 	import { _ } from '$lib/i18n';
 	import type { VideoPlay } from '$lib/api/model';
 	import { onMount } from 'svelte';
 	import { expandSummery } from '$lib/misc';
 	import { interfaceAutoExpandDesc } from '$lib/store';
+	import { humanizeTimestamp } from '$lib/time';
 
 	let { video, description }: { video: VideoPlay; description: string } = $props();
 
@@ -20,8 +21,18 @@
 	<summary id="description" class="bold none">
 		<nav>
 			<div class="max">
-				{cleanNumber(video.viewCount)}
-				{$_('views')} • {video.publishedText}
+				<span>
+					{cleanNumber(video.viewCount)}
+					{$_('views')}
+					<div class="tooltip no-space">{numberWithCommas(video.viewCount)} {$_('views')}</div>
+				</span>
+				•
+				<span>
+					{video.publishedText}
+					{#if !video.fallbackPatch}
+						<div class="tooltip no-space">{humanizeTimestamp(video.published)}</div>
+					{/if}
+				</span>
 			</div>
 		</nav>
 	</summary>
diff --git a/materialious/src/lib/time.ts b/materialious/src/lib/time.ts
index 5c31c56d..b780c487 100644
--- a/materialious/src/lib/time.ts
+++ b/materialious/src/lib/time.ts
@@ -9,9 +9,13 @@ dayjs.extend(duration);
 dayjs.extend(relativeTime);
 dayjs.extend(advancedFormat);
 
-export function humanFriendlyTimestamp(utcTimestamp: number): string {
+export function humanizeTimestamp(epochTime: number): string {
+	return dayjs.utc(epochTime).local().format('hh:mm A DD/MM/YYYY');
+}
+
+export function relativeTimestamp(epochTime: number): string {
 	const now = dayjs();
-	const timestamp = dayjs.utc(utcTimestamp).local();
+	const timestamp = dayjs.utc(epochTime).local();
 
 	const isSameDay = now.isSame(timestamp, 'day');
 	const isSameMonth = now.isSame(timestamp, 'month');
diff --git a/materialious/src/routes/(app)/+layout.svelte b/materialious/src/routes/(app)/+layout.svelte
index f503ed58..e6172e3f 100644
--- a/materialious/src/routes/(app)/+layout.svelte
+++ b/materialious/src/routes/(app)/+layout.svelte
@@ -245,14 +245,10 @@
 
 <div>
 	<nav class="left m l surface-container" class:tv-nav={$isAndroidTvStore}>
-		<header
-			role="presentation"
-			onclick={() => goto(resolve($interfaceDefaultPage, {}))}
-			style="cursor: pointer;"
-			tabindex="-1"
-			class="small-padding"
-		>
-			<Logo />
+		<header role="presentation" style="cursor: pointer;" tabindex="-1" class="small-padding">
+			<a href={resolve($interfaceDefaultPage, {})}>
+				<Logo />
+			</a>
 		</header>
 		{#if $isAndroidTvStore}
 			<a href={resolve('/search', {})} class:active={$page.url.href.endsWith('/search')}>
diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index aa97c3cb..adc20710 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -39,7 +39,7 @@
 	import LikesDislikes from '$lib/components/watch/LikesDislikes.svelte';
 	import Comment from '$lib/components/watch/Comment.svelte';
 	import { expandSummery } from '$lib/misc';
-	import { humanFriendlyTimestamp } from '$lib/time.js';
+	import { relativeTimestamp } from '$lib/time.js';
 	import { getWatchDetails } from '$lib/watch.js';
 	import { page } from '$app/state';
 
@@ -252,12 +252,12 @@
 
 	onMount(async () => {
 		if (data.video.premiereTimestamp) {
-			premiereTime = humanFriendlyTimestamp(data.video.premiereTimestamp);
+			premiereTime = relativeTimestamp(data.video.premiereTimestamp);
 			premiereUpdateInterval = setInterval(async () => {
 				data = await getWatchDetails(data.video.videoId, page.url);
 
 				if (data.video.premiereTimestamp) {
-					premiereTime = humanFriendlyTimestamp(data.video.premiereTimestamp);
+					premiereTime = relativeTimestamp(data.video.premiereTimestamp);
 				} else {
 					clearInterval(premiereUpdateInterval);
 					playerState.set({ ...$playerState, data: { ...data } });