fix: center align logo during search/load

[shivamvijaywargi]

Summary

There is an issue reported where the search logo is not centered on search/next episode page, these changes makes the logo center on those areas.

Motivation

Better UX

Testing

• pnpm lint
• pnpm test
• Tested on: Android

Screenshots / Video (if UI)

Closes #43

[shivamvijaywargi]

This fixes #43

[Kombustor]

Great, thank you! This definitely solves the bug, but it's still not optimal imo, because of the text wrapping and breaking. We're not space restricted so maybe let's just pull the text from the container so it's not restricted in width and doesn't break? What do you think?

[shivamvijaywargi]

Great, thank you! This definitely solves the bug, but it's still not optimal imo, because of the text wrapping and breaking. We're not space restricted so maybe let's just pull the text from the container so it's not restricted in width and doesn't break? What do you think?

That is right and I had the same itch but did not touch it, I was thinking of removing the width from the parent Box element (since the text might not be long enough anyways), let me know your thoughts. Thanks.

I have 2 solutions:

1. What I mentioned above
2. Extract the message out of the present Box container, create a new Box container where the existing Box container and message will recide.
   e.g:

<Box>
  <Box>
	Logo
  </Box>
  message
</Box>

[Kombustor]

I think I prefer option 2, should be an easy and straightforward fix. Would you mind implementing that? Thank you!

[shivamvijaywargi]

Done, kindly check @Kombustor

[Kombustor]

Would you mind updating the screenshots?

[Kombustor]

Awesome! First contribution 🎉

[shivamvijaywargi]

Would you mind updating the screenshots?

Took them but forgot to update 😓 , anyways updated them now, thanks for pointing out.