The buttons are styled inline and have no gaps inbetween. They have therefore a poor usability especially on mobile devices with small viewports. The flexbox brings customisable gaps to them. Furthermore I changed the submit buttons from input of type submit to button. That way we have more control over the content of the buttons ((styled) text, icons, …)
To change to button and to classifying their parent element as .buttonbar makes it easy to reuse the rules for other cases. Make the buttons buttons and put the buttons into an element with the class .buttonbar and you are done.
The buttons are styled inline and have no gaps inbetween. They have therefore a poor usability especially on mobile devices with small viewports. The flexbox brings customisable gaps to them. Furthermore I changed the submit buttons from
input
of type submit tobutton
. That way we have more control over the content of the buttons ((styled) text, icons, …)To change to
button
and to classifying their parent element as.buttonbar
makes it easy to reuse the rules for other cases. Make the buttons buttons and put the buttons into an element with the class.buttonbar
and you are done.