diff --git a/src/components/video-player-2/VideoPlayer2.style.ts b/src/components/video-player-2/VideoPlayer2.style.ts
index 961fb19..dce92a0 100644
--- a/src/components/video-player-2/VideoPlayer2.style.ts
+++ b/src/components/video-player-2/VideoPlayer2.style.ts
@@ -138,6 +138,7 @@ export const StyledAside = styled.aside`
flex-direction: column;
gap: 32px;
+ min-width: 0;
padding-top: 64px;
@media (max-width: ${theme.breakpoints.tabletMax}) {
diff --git a/src/components/video-player-2/VideoPlayerBar.tsx b/src/components/video-player-2/VideoPlayerBar.tsx
index febbee0..564191e 100644
--- a/src/components/video-player-2/VideoPlayerBar.tsx
+++ b/src/components/video-player-2/VideoPlayerBar.tsx
@@ -208,9 +208,19 @@ export function VideoPlayerBar() {
{audioMode === AudioMode.ENABLED ? (
-
+ <>
+
+
+
+
+ >
) : (
-
+ <>
+
+
+
+
+ >
)}
diff --git a/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx b/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx
index 75a68d5..5022af9 100644
--- a/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx
+++ b/src/pages/anime/[animeSlug]/[videoSlug]/index.tsx
@@ -195,7 +195,7 @@ export default function VideoPage({ anime, themeIndex, entryIndex, videoIndex, l
)}
{developerMode === DeveloperMode.ENABLED ? (
-
+
) : null}
diff --git a/src/pages/year/[year]/[season]/index.tsx b/src/pages/year/[year]/[season]/index.tsx
index 5b05146..814cdd5 100644
--- a/src/pages/year/[year]/[season]/index.tsx
+++ b/src/pages/year/[year]/[season]/index.tsx
@@ -13,7 +13,7 @@ import type { ParsedUrlQuery } from "querystring";
import type { RequiredNonNullable } from "utils/types";
import { capitalize } from "lodash-es";
-const seasonOrder = [ "Winter", "Spring", "Summer", "Fall" ];
+const seasonOrder = [ "winter", "spring", "summer", "fall" ];
export interface SeasonDetailPageProps extends SharedPageProps, RequiredNonNullable {}
@@ -79,7 +79,9 @@ export const getStaticProps: GetStaticProps seasonOrder.indexOf(a.value) - seasonOrder.indexOf(b.value));
+ data.year.seasons.sort((a, b) =>
+ seasonOrder.indexOf(a.value.toLowerCase()) - seasonOrder.indexOf(b.value.toLowerCase())
+ );
data.yearAll.sort((a, b) => a.value - b.value);
return {
diff --git a/src/pages/year/[year]/index.tsx b/src/pages/year/[year]/index.tsx
index f2e7258..bcbd12d 100644
--- a/src/pages/year/[year]/index.tsx
+++ b/src/pages/year/[year]/index.tsx
@@ -17,7 +17,7 @@ import type { GetStaticPaths, GetStaticProps } from "next";
import type { YearDetailPageAllQuery, YearDetailPageQuery, YearDetailPageQueryVariables } from "generated/graphql";
import type { RequiredNonNullable } from "utils/types";
-const seasonOrder = [ "Winter", "Spring", "Summer", "Fall" ];
+const seasonOrder = [ "winter", "spring", "summer", "fall" ];
export interface YearDetailPageProps extends SharedPageProps, RequiredNonNullable {}
@@ -89,7 +89,9 @@ export const getStaticProps: GetStaticProps seasonOrder.indexOf(a.value) - seasonOrder.indexOf(b.value));
+ data.year.seasons.sort((a, b) =>
+ seasonOrder.indexOf(a.value.toLowerCase()) - seasonOrder.indexOf(b.value.toLowerCase())
+ );
data.yearAll.sort((a, b) => a.value- b.value);
for (const season of data.year.seasons) {