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.

[rejas]

this padding should be a gap between all child-elements of the "digital" parent. add a flex and this padding there.

[rejas]

the sun and moon classes should get this padding as a gap property too.

[rejas]

same here, add ing the gap to the sun/moon should get rid of this padding.

[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.