CSS problems on checkout page in every browser

.. and in every browser it’s different problem. Can’t fix it with css.

In firefox it shows nice at the start: the pickers are on top of the billing/shipping fields. But when clicking the button to order while having a field filled wrongly; the page reloads with the pickers on top of the order overview column and thus messes the layout a bit.

But in chrome it’s much worse: the pickers are on the left side of the shipping/billing fields and thus push the overview column below the rest.

Even worse is that the picker fields are having a very long invisible extra space below them, thus making a huge space between pickup/delivery button and the date/time fields, and again below the date/time fields. (edit: i found that it’s because it centers itself vertically to the lenght of the billing/shipping area)

In Edge the problem is that it’s also on the left side and pushing the overview column to the bottom, while the date/time field are positioned below each other instead side by side (this is a minor problem)

So, am I the only one seeing this, or is it common and can it be solved?

Thanks!

• This topic was modified 5 years, 4 months ago by PetrP.