Printing the project overview results in bad layout

[MarkusLeupold]

If you print a project overview where the ingredient table of a recipe is not as wide as the page, at least Chromium puts the description part right next to it. In most of these cases the remaining space is very restricted, which narrows down the description element on the page to a few centimeters. This looks awful and is not easy to read.

Luckily we can fix this problem very easily: Just add this style rule with a media query to the main.style element in the website's html:

@media print {
    div.dish {
        display: flex;
        flex-direction: column;
    }
}

Although this might not be a very elegant and semantically correct solution[1], it should still give us the wanted result where all parts of a dish are placed neatly one under the other on the printed page.

[1] In fact, this was the first thing which came to my mind when I tried to tidy up the print ;-)

[dboehmer]

It looks like you could help yourself, e.g. by manipulation the CSS in the DOM inspector. Do you need immediate support or a fix right now for tomorrow's event?

* BTW You could have used a leading star in your post by escaping it with a backslash:

\* not a list item

[dboehmer]

Clarified in phone call: no immediate action required. Issue still not resolved.