Add CSS to clock module to prevent line breaking of sunrise/sunset information

[dathbe]

1. Base your pull requests against the develop branch.
   Done
2. Include these infos in the description:

• Does the pull request solve a related issue?
  No
• If so, can you reference the issue like this Fixes #<issue_number>?
  N/A
• What does the pull request accomplish? Use a list if needed.
  With some combinations of sunrise and sunset times (usually when the time till rise/set is >9:59), the information will break across multiple lines. This prevents that by adding CSS.
• If it includes major visual changes please add screenshots.
  I don't consider it major.

3. Please run npm run lint:prettier before submitting so that style issues are fixed.
   Done
4. Don't forget to add an entry about your changes to the CHANGELOG.md file.
   Done

[KristjanESPERANTO]

Looks good, but as there is not an open issue: Could you please provide a screenshot from before and one from after your changes?

[dathbe]

Before:

After:

[dathbe]

After spacing cleaned up:

[rejas]

thanks for the cleanup. some paddings can be done more elegantly though.

[dathbe]

I've simplified it, but I think the padding-top for .sun and .moon is still needed because adding flex to the digital class completely rearranges the elements of the module.

[khassel]

@rejas can you please re-review?

[rejas]

sorry for not doing it before the release. i took the liberty of adding my line of thought and code to your PR. what do you think about it @dathbe ?

[dathbe]

I haven't tested it yet, but assuming someone has I don't have any problem with your implementation of the 3px gap.

[dathbe]

Done

[khassel]

Done

sorry for being not clear enough, I wanted @rejas to fix this because he asked for review and he missed the release ;)

But anyway, thanks!