From fa2fac351e3848068f505a58b6dd7f6e03e4cab3 Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Wed, 29 Nov 2023 22:16:46 +0100
Subject: [PATCH 1/3] Fix router page overflow on mobile

---
 src/components/overlays/OverlayPage.tsx   | 2 +-
 src/components/overlays/OverlayRouter.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/overlays/OverlayPage.tsx b/src/components/overlays/OverlayPage.tsx
index a5000ba8..f15ebaa1 100644
--- a/src/components/overlays/OverlayPage.tsx
+++ b/src/components/overlays/OverlayPage.tsx
@@ -47,7 +47,7 @@ export function OverlayPage(props: Props) {
       show={show}
     >
       <div
-        className={classNames([props.className, ""])}
+        className={classNames(["grid grid-rows-1 max-h-full", props.className])}
         style={{
           height: props.height ? `${props.height}px` : undefined,
           width: props.width ? width : undefined,
diff --git a/src/components/overlays/OverlayRouter.tsx b/src/components/overlays/OverlayRouter.tsx
index b7afffe0..47aaed71 100644
--- a/src/components/overlays/OverlayRouter.tsx
+++ b/src/components/overlays/OverlayRouter.tsx
@@ -75,7 +75,7 @@ function RouterBase(props: { id: string; children: ReactNode }) {
     <a.div
       ref={ref}
       style={dimensions}
-      className="overflow-hidden relative z-10"
+      className="overflow-hidden relative z-10 max-h-full"
     >
       <Flare.Base className="group w-full bg-video-context-border h-full rounded-2xl transition-colors duration-100 text-video-context-type-main">
         <Flare.Light
@@ -84,7 +84,7 @@ function RouterBase(props: { id: string; children: ReactNode }) {
           backgroundClass="bg-video-context-background duration-100"
           className="rounded-2xl opacity-100"
         />
-        <Flare.Child className="pointer-events-auto relative transition-transform duration-100">
+        <Flare.Child className="pointer-events-auto relative transition-transform duration-100 h-full">
           {props.children}
         </Flare.Child>
       </Flare.Base>

From 595edd5041a71109e0417064c2e82f451d65917f Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Wed, 29 Nov 2023 22:16:55 +0100
Subject: [PATCH 2/3] Download caption text was too long

---
 src/assets/locales/pirate.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/locales/pirate.json b/src/assets/locales/pirate.json
index 5f66f526..84b6d9ac 100644
--- a/src/assets/locales/pirate.json
+++ b/src/assets/locales/pirate.json
@@ -179,7 +179,7 @@
         "disclaimer": "Downloads be taken directly from the provider. movie-web does not have control over how the downloads be provided.",
         "hlsExplanation": "Insert explanation for why ye can't download HLS here",
         "downloadVideo": "Download film",
-        "downloadCaption": "Download current sea shanty",
+        "downloadCaption": "Download sea shanty",
         "onPc": {
           "1": "On PC, right click the film and select <bold>Save film as</bold>",
           "title": "Downloadin' on PC",

From 4f810a58d9a22fd1dda8d983e81258f8a0b77d0a Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Wed, 29 Nov 2023 22:19:27 +0100
Subject: [PATCH 3/3] Fix flag alignment on subtitles page

---
 src/components/player/atoms/settings/CaptionsView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/player/atoms/settings/CaptionsView.tsx b/src/components/player/atoms/settings/CaptionsView.tsx
index 82901c61..437d5fde 100644
--- a/src/components/player/atoms/settings/CaptionsView.tsx
+++ b/src/components/player/atoms/settings/CaptionsView.tsx
@@ -36,7 +36,7 @@ export function CaptionOption(props: {
         data-active-link={props.selected ? true : undefined}
         className="flex items-center"
       >
-        <span data-code={props.countryCode} className="mr-3">
+        <span data-code={props.countryCode} className="mr-3 inline-flex">
           <FlagIcon countryCode={props.countryCode} />
         </span>
         <span>{props.children}</span>