refactor(list): move hover to title only

3 files changed, 61 insertions, 61 deletions

diff --git a/src/lib/List/Anime/CleanAnimeList.svelte b/src/lib/List/Anime/CleanAnimeList.svelte
index c0a737dc..9eb4b646 100644
--- a/src/lib/List/Anime/CleanAnimeList.svelte
+++ b/src/lib/List/Anime/CleanAnimeList.svelte
@@ -66,28 +66,29 @@
 		{@const progress = (anime.mediaListEntry || { progress: 0 }).progress}
 
 		{#if title.includes('Upcoming Episodes') || title.includes('Not Yet Released') || progress !== (anime.nextAiringEpisode?.episode || 9999) - 1}
-			<li
-				class="entry"
-				on:mouseenter={() => {
-					const response = onMouseEnter(anime);
-
-					hovering = response.hovering;
-					hoveredMedia = response.media;
-				}}
-				on:mouseleave={() => {
-					const response = onMouseLeave();
-
-					hovering = response.hovering;
-					hoveredMedia = response.media;
-				}}
-				on:mousemove={(e) => {
-					const response = onMouseMove(e);
-
-					imageStyle = response.style;
-				}}
-			>
+			<li class="entry">
 				<span class="content">
-					<a href={outboundLink(anime, 'anime', $settings.displayOutboundLinksTo)} target="_blank">
+					<a
+						href={outboundLink(anime, 'anime', $settings.displayOutboundLinksTo)}
+						target="_blank"
+						on:mouseenter={() => {
+							const response = onMouseEnter(anime);
+
+							hovering = response.hovering;
+							hoveredMedia = response.media;
+						}}
+						on:mouseleave={() => {
+							const response = onMouseLeave();
+
+							hovering = response.hovering;
+							hoveredMedia = response.media;
+						}}
+						on:mousemove={(e) => {
+							const response = onMouseMove(e);
+
+							imageStyle = response.style;
+						}}
+					>
 						<span
 							style={lastUpdatedMedia === anime.id && anime.episodes !== progress
 								? 'color: lightcoral'
diff --git a/src/lib/List/Manga/CleanMangaList.svelte b/src/lib/List/Manga/CleanMangaList.svelte
index 9757f748..ebe4a2dc 100644
--- a/src/lib/List/Manga/CleanMangaList.svelte
+++ b/src/lib/List/Manga/CleanMangaList.svelte
@@ -70,27 +70,28 @@
 		{@const progress = (manga.mediaListEntry || { progress: 0 }).progress}
 
 		{#if progress !== manga.episodes}
-			<li
-				class="entry"
-				on:mouseenter={() => {
-					const response = onMouseEnter(manga);
+			<li class="entry">
+				<a
+					href={outboundLink(manga, 'manga', $settings.displayOutboundLinksTo)}
+					target="_blank"
+					on:mouseenter={() => {
+						const response = onMouseEnter(manga);
 
-					hovering = response.hovering;
-					hoveredMedia = response.media;
-				}}
-				on:mouseleave={() => {
-					const response = onMouseLeave();
+						hovering = response.hovering;
+						hoveredMedia = response.media;
+					}}
+					on:mouseleave={() => {
+						const response = onMouseLeave();
 
-					hovering = response.hovering;
-					hoveredMedia = response.media;
-				}}
-				on:mousemove={(e) => {
-					const response = onMouseMove(e);
+						hovering = response.hovering;
+						hoveredMedia = response.media;
+					}}
+					on:mousemove={(e) => {
+						const response = onMouseMove(e);
 
-					imageStyle = response.style;
-				}}
-			>
-				<a href={outboundLink(manga, 'manga', $settings.displayOutboundLinksTo)} target="_blank">
+						imageStyle = response.style;
+					}}
+				>
 					<span
 						style={lastUpdatedMedia === manga.id && manga.chapters !== progress
 							? 'color: lightcoral'
diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte
index 0f29a187..5846e936 100644
--- a/src/lib/Tools/Schedule/Tool.svelte
+++ b/src/lib/Tools/Schedule/Tool.svelte
@@ -109,28 +109,7 @@
 								{#each Object.values(scheduleEntry) as entry}
 									{@const media = associateMedia(scheduledMedia, entry.title)}
 
-									<li
-										class="entry"
-										on:mouseenter={() => {
-											const response = onMouseEnter(media, entry);
-
-											hovering = response.hovering;
-											hoveredItem = response.item;
-											hoveredMedia = response.media;
-										}}
-										on:mouseleave={() => {
-											const response = onMouseLeave();
-
-											hovering = response.hovering;
-											hoveredItem = response.item;
-											hoveredMedia = response.media;
-										}}
-										on:mousemove={(e) => {
-											const response = onMouseMove(e);
-
-											imageStyle = response.style;
-										}}
-									>
+									<li class="entry">
 										<a
 											href={media
 												? outboundLink(media, 'anime', $settings.displayOutboundLinksTo)
@@ -142,6 +121,25 @@
 														titleSelect(media) || entry.title
 												  )}
 											target="_blank"
+											on:mouseenter={() => {
+												const response = onMouseEnter(media, entry);
+
+												hovering = response.hovering;
+												hoveredItem = response.item;
+												hoveredMedia = response.media;
+											}}
+											on:mouseleave={() => {
+												const response = onMouseLeave();
+
+												hovering = response.hovering;
+												hoveredItem = response.item;
+												hoveredMedia = response.media;
+											}}
+											on:mousemove={(e) => {
+												const response = onMouseMove(e);
+
+												imageStyle = response.style;
+											}}
 										>
 											{#if media}
 												<MediaTitleDisplay title={media.title} />