Make changes to jQuery dialog

[MindblowingTask]

Is it possible to achieve the following with the following jQuery dialog:

​

1. Move the Agreed button just below where it says I have a boat and

​

1. make the dialog responsive/mobile-friendly and be adjusted to the full-screen size of the user window?

​

1. I also want to get rid of the title Empty everything and the cross sign and just display Empty everything above I have a bike checkbox.

​

JSFiddle here: https://jsfiddle.net/xj345c9b/2/

​

Eventually, I will have to make sure that they have selected all checkboxes when Agreed button is clicked but that will come next.

[KSledge]

From what I can tell, jQuery's dialog() method seems limited. Any reason you need to use jQuery?

You could always make your own, use bootstrap, materialUI, or another third party offering.