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
inputof type submit tobutton. That way we have more control over the content of the buttons ((styled) text, icons, …)To change to
buttonand to classifying their parent element as.buttonbarmakes it easy to reuse the rules for other cases. Make the buttons buttons and put the buttons into an element with the class.buttonbarand you are done.