diff --git a/frontend/src/components/SeriesFullView.vue b/frontend/src/components/SeriesFullView.vue
index 1fbba73..38ee861 100644
--- a/frontend/src/components/SeriesFullView.vue
+++ b/frontend/src/components/SeriesFullView.vue
@@ -126,9 +126,7 @@
@contextmenu="handleContextMenu($event, episode)"
>
-
+
@@ -1845,25 +1843,21 @@ html:not(.mouse-active) .season-poster-card.nav-focused,
}
}
-/* SVG focus outline styles for tiles */
+/* Focus outline for tiles; border width is half the SVG stroke width used on
+ poster cards, since a CSS border paints fully inside while an SVG stroke
+ is centered on the path (half of it clipped away). */
.tile-focus-outline {
position: absolute;
inset: 0;
- width: 100%;
- height: 100%;
+ border: 2px solid rgba(255, 255, 255, 0.9);
+ border-radius: inherit;
+ box-sizing: border-box;
pointer-events: none;
z-index: 5;
opacity: 0;
transition: opacity 0.2s ease;
}
-.tile-focus-outline rect {
- fill: none;
- stroke: rgba(255, 255, 255, 0.9);
- stroke-width: 4;
- vector-effect: non-scaling-stroke;
-}
-
/* Show outline on hover and focus */
html.mouse-active .episode-tile:hover .tile-focus-outline,
html:not(.mouse-active) .episode-tile.nav-focused .tile-focus-outline {
@@ -1872,9 +1866,9 @@ html:not(.mouse-active) .episode-tile.nav-focused .tile-focus-outline {
}
/* Brighter outline for keyboard focus */
-html:not(.mouse-active) .episode-tile.nav-focused .tile-focus-outline rect {
- stroke: #ffffff;
- stroke-width: 5;
+html:not(.mouse-active) .episode-tile.nav-focused .tile-focus-outline {
+ border-color: #ffffff;
+ border-width: 2.5px;
filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.8));
}