Applied top margin to dialog headers rather than .ui-dialog, as the latter was breaking content-only dialogs meant to align with the top of the viewport.

Author: Wilto

css/structure/jquery.mobile.dialog.css

@@ -1,5 +1,8 @@
-.ui-dialog { width: 80%; max-width: 500px; margin: 10% auto 15px auto; }
+.ui-dialog { width: 92.5%; max-width: 500px; margin: 10% auto 15px auto; padding: 0; }
 
+.ui-dialog .ui-header {
+	margin-top: 15%;
+}
 .ui-dialog .ui-header, 
 .ui-dialog .ui-content, 
 .ui-dialog .ui-footer { 
@@ -15,7 +18,6 @@
 .ui-dialog .ui-content { 
 	padding: 15px; 
 }
-.ui-dialog .ui-content, 
-.ui-dialog .ui-footer { 
+.ui-dialog { 
 	margin-top: -15px;  
 }