From 3da89556076ae728a5e964d3d5e8b649fa37848d Mon Sep 17 00:00:00 2001 From: Jorrin <jorrinkievit@hotmail.com> Date: Mon, 22 Apr 2024 19:12:18 +0200 Subject: [PATCH 1/2] decrease amount of margin on small screens --- src/components/buttons/EditButton.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/buttons/EditButton.tsx b/src/components/buttons/EditButton.tsx index 793fb7c3..c3039436 100644 --- a/src/components/buttons/EditButton.tsx +++ b/src/components/buttons/EditButton.tsx @@ -25,7 +25,7 @@ export function EditButton(props: EditButtonProps) { > <span ref={parent}> {props.editing ? ( - <span className="mx-4 whitespace-nowrap"> + <span className="mx-2 sm:mx-4 whitespace-nowrap"> {t("home.mediaList.stopEditing")} </span> ) : ( From ae81832037aa0bdd57614b747363d223ff49a331 Mon Sep 17 00:00:00 2001 From: Jorrin <jorrinkievit@hotmail.com> Date: Mon, 22 Apr 2024 20:26:54 +0200 Subject: [PATCH 2/2] improve how to change seasons --- src/assets/locales/en.json | 3 ++- src/components/player/atoms/Episodes.tsx | 13 ++++++++++--- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/assets/locales/en.json b/src/assets/locales/en.json index 6b951af6..725efe84 100644 --- a/src/assets/locales/en.json +++ b/src/assets/locales/en.json @@ -278,7 +278,8 @@ "loadingError": "Error loading season", "loadingList": "Loading...", "loadingTitle": "Loading...", - "unairedEpisodes": "One or more episodes in this season have been disabled because they haven't been aired yet." + "unairedEpisodes": "One or more episodes in this season have been disabled because they haven't been aired yet.", + "seasons": "Seasons" }, "playback": { "speedLabel": "Playback speed", diff --git a/src/components/player/atoms/Episodes.tsx b/src/components/player/atoms/Episodes.tsx index c26b9625..fa36a6e9 100644 --- a/src/components/player/atoms/Episodes.tsx +++ b/src/components/player/atoms/Episodes.tsx @@ -212,9 +212,16 @@ function EpisodesView({ return ( <Menu.CardWithScrollable> - <Menu.BackLink onClick={goBack}> - {loadingState?.value?.season.title || - t("player.menus.episodes.loadingTitle")} + <Menu.BackLink + onClick={goBack} + rightSide={ + <span> + {loadingState?.value?.season.title || + t("player.menus.episodes.loadingTitle")} + </span> + } + > + {t("player.menus.episodes.seasons")} </Menu.BackLink> {content} </Menu.CardWithScrollable>