Adds no wrap for reading time

[jollydodo]

Reading time used to wrap to a new row, thereby distancing the reading time icon from the duration

Summary

I used the default Bootstrap 'text-nowrap' class to make sure that the reading time doesn't wrap to the next line without the icon. I checked this with all window sizes and it seems to work well in Chrome and Safari.

Basic example

new:

old:

Motivation

The old method looked a bit ugly on certain screen sizes (especially mobile and with multiple authors). I also changed the margin-left from reading-time to 1rem, because I think the default is a bit too much. That's why my screenshot might look a little bit different. Nevertheless, I believe that the icon should always be on the same line as the duration.

Checks

• Read Create a Pull Request
• Supports all screen sizes (if relevant)
• Supports both light and dark mode (if relevant)
• Passes npm run test