From 99fb0e4b72bdbc8f9bcc64e95ff228ce6bdc16d1 Mon Sep 17 00:00:00 2001
From: Dmitry Lyzo <ashephard0@gmail.com>
Date: Wed, 9 Feb 2022 22:55:56 +0300
Subject: [PATCH] Fix clipped focused button

The button in the subtitle (Season) is clipped when focused
because its parent container has 'overflow: hidden' to allow
ellipsis.
---
 src/assets/css/librarybrowser.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/assets/css/librarybrowser.scss b/src/assets/css/librarybrowser.scss
index 2fb4d3759c..691e50bf84 100644
--- a/src/assets/css/librarybrowser.scss
+++ b/src/assets/css/librarybrowser.scss
@@ -627,10 +627,15 @@
 
 .subtitle {
     margin: 0.15em 0 0.2em;
+
+    // Leave room for a focused button
+    margin-left: -1em;
+    padding-left: 1em;
 }
 
 .layout-mobile .subtitle {
     margin: 0.2em 0 0.2em;
+    padding-left: 0; // Reset padding for focused button since 'margin-left' is 0
 }
 
 .detailPagePrimaryContainer {