From 5b039f2b26dc50d34c65c228be60aa56979b68b4 Mon Sep 17 00:00:00 2001
From: WardPearce <ward@localhost.localdomain>
Date: Tue, 8 Jul 2025 18:11:03 +1200
Subject: [PATCH] Minor tv improvements

---
 materialious/android/.idea/deploymentTargetSelector.xml  | 2 +-
 .../src/routes/(no-layout)/tv/[slug]/+layout.svelte      | 9 +++++++++
 .../src/routes/(no-layout)/tv/[slug]/+page.svelte        | 3 ++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/materialious/android/.idea/deploymentTargetSelector.xml b/materialious/android/.idea/deploymentTargetSelector.xml
index 0cd9f26b..47f6059d 100644
--- a/materialious/android/.idea/deploymentTargetSelector.xml
+++ b/materialious/android/.idea/deploymentTargetSelector.xml
@@ -4,7 +4,7 @@
     <selectionStates>
       <SelectionState runConfigName="app">
         <option name="selectionMode" value="DROPDOWN" />
-        <DropdownSelection timestamp="2025-06-19T06:43:27.548662619Z">
+        <DropdownSelection timestamp="2025-07-08T06:06:15.619274581Z">
           <Target type="DEFAULT_BOOT">
             <handle>
               <DeviceId pluginId="LocalEmulator" identifier="path=/home/ward/.android/avd/Television_4K.avd" />
diff --git a/materialious/src/routes/(no-layout)/tv/[slug]/+layout.svelte b/materialious/src/routes/(no-layout)/tv/[slug]/+layout.svelte
index 27f652a9..675a39d7 100644
--- a/materialious/src/routes/(no-layout)/tv/[slug]/+layout.svelte
+++ b/materialious/src/routes/(no-layout)/tv/[slug]/+layout.svelte
@@ -6,6 +6,15 @@
 	let { children } = $props();
 </script>
 
+<svelte:head>
+	<style>
+		:focus {
+			outline: 4px solid var(--primary);
+			box-shadow: none !important;
+		}
+	</style>
+</svelte:head>
+
 {#if $isTvRouteLoading || $navigating}
 	<PageLoading />
 {:else}
diff --git a/materialious/src/routes/(no-layout)/tv/[slug]/+page.svelte b/materialious/src/routes/(no-layout)/tv/[slug]/+page.svelte
index 914e206b..e7d13160 100644
--- a/materialious/src/routes/(no-layout)/tv/[slug]/+page.svelte
+++ b/materialious/src/routes/(no-layout)/tv/[slug]/+page.svelte
@@ -10,6 +10,7 @@
 	import { onDestroy, onMount, tick } from 'svelte';
 	import { _ } from '$lib/i18n';
 	import { playlistCacheStore } from '$lib/store.js';
+	import { fade } from 'svelte/transition';
 
 	let { data } = $props();
 
@@ -98,7 +99,7 @@
 {/key}
 
 {#if showInfo}
-	<article id="shown-info">
+	<article id="shown-info" transition:fade>
 		<h5>{letterCase(data.video.title)}</h5>
 		<Author bind:subscribed video={data.video} />
 		<div class="space"></div>