How can I make the margins of the form adjust to the device width?

Here is what it looks like on my phone (below). I can slide it left and right, but it won't resize the width. Thank you.

You have injected a custom CSS codes in the form that adjusted the width of the labels. That is causing the problem. I have removed that and fixed the labels instead, no need for CSS. You only need to select the alignment from top to left then back to the top to fix it - so they don't shrink of the desktop view. 

That did fix the width problem, but it brought back two other problems because I had injected CSS code last week two different times or so to fix things. Can you look up my history of reports to see what those two fixes were. One was to enlarge the payment fonts and the other was to keep the dollar sign next to the money amount.

I'm sorry, I realized I have copy/pasted the whole CSS outside the form and forgot to add it back. I reverted the CSS less the CSS for the labels. All good now. 

Yes, it is working now. Thank you, Welvin, for the help today. I appreciate it. It was not your fault regarding the CSS code. I should have mentioned it when I asked for help to give you knowledge of it before you started. So no problem.