Finally, Contact Form 7 Validation and Design Issues are Fixed!
Sorry, for the delay. I have been busy and thought this issue would be harder to solve than it actually was. Now all the required fields are validated before the mail is able to be sent, but we keep the slick layout design. Also, the error, sent and other messages do not show up over the send button.
The process is documented in the video below. You can see the code txt file here. Don’t forget to update the email layout below the actual form. Instead of writing the entire process, I am just going to leave the video. 😛