Minor tv improvements

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" />

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}

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>