Form doesn't look right on mobile

Hi I created a form but it doesn't look right on mobile device.  Any way to get it to look right.

1) The important part is that it would fill the screen. 

2) The second part, not as important, is that the header would stretch all the way to the edge, currently it looks like boxes.

Please try adding the next CSS via form designer:

@media screen and (max-width: 480px) {
.supernova .form-all, .form-all {
border: none !important;
}
div.form-header-group {
margin: initial !important;
}
.form-input {
width: 100% !important;
}
}

Result:

If you need any further assistance, please let us know.

On behalf of Mike, you are welcome, R083RT.

If you have other questions or concerns, please do let us know. We'll be more than happy to assist.

Thanks. :)