diff --git a/frontend/css/year-in-music.less b/frontend/css/year-in-music.less index 34902dc486..1e21c54024 100644 --- a/frontend/css/year-in-music.less +++ b/frontend/css/year-in-music.less @@ -207,6 +207,13 @@ min-height: 20vh; } } + .no-yim-message { + margin: 4vh auto; + font-family: "Roboto", sans-serif; + font-weight: 300; + font-size: 24px; + max-width: 480px; + } .header { margin-bottom: 1em; text-align: center; diff --git a/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx b/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx index a03218093a..4c56e886b4 100644 --- a/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx +++ b/frontend/js/src/explore/year-in-music/2023/YearInMusic.tsx @@ -602,6 +602,7 @@ export default class YearInMusic extends React.Component< style={{ WebkitMaskImage: "url('/static/img/year-in-music-23/flower.png')", + marginTop: "6vh", }} > Your year in music 2023 -

Oh no!

-

- We don't have enough 2023 statistics for {user.name}. -

-

- Submit enough - listens before the end of December to generate your #yearinmusic - next year. -

+
+

Oh no!

+

+ We don't have enough 2023 statistics for {user.name}. +

+

+ Submit enough + listens before the end of December to generate your + #yearinmusic next year. +

+
)}
{user.name}