Improve UI for recipe times

[mblennegard]

Is your feature request related to a problem? Please describe.
Currently there are no spaces in between hours, minutes etc. in recipe times.

Describe the solution you'd like
To make it easier to read, add a space character between each unit.

[mblennegard]

After looking quite a bit at this particular section in the UI while working on the nutritional information, I think the UI could be made a bit cleaner by changing the entire time table from a table with multiple row -> one row below the tags section, like marked in the below screenshot.

Currently the time table consumes quite a bit of whitespace due to the height of the nutritional information table.
Since the nutritional information table will not require more width (except maybe a little wider due to #385), the space being saved could then be utilized by the image/video section, which is actually something I have felt could be a bit small for some recipes.

[reaper47]

Great idea, let's see how that turns out.

[reaper47]

Before:

After: