jquery-mobile/css/structure/jquery.mobile.dialog.css

.ui-dialog { min-height: 480px; }
.ui-dialog .ui-header, 
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
	max-width: 500px; 
	margin: 10% auto 15px auto; 
	width: 85%; 
	position: relative; 
}
.ui-dialog .ui-header, 
.ui-dialog .ui-footer  { 
	padding: 0 15px; 
	z-index: 10; 
}
.ui-dialog .ui-content { 
	padding: 15px; 
}
.ui-dialog .ui-content, 
.ui-dialog .ui-footer { 
	margin-top: -15px;  
}
Page min-height was being calculated with JS and it was far too tall. This moves the values into CSS with values that are aimed towards iPhone (as this is addressing an iPhone transitions issue with the address bar show/hide). 2011-02-03 22:22:23 +00:00			`.ui-dialog { min-height: 480px; }`
Fixed extra vertical padding for footers within dialogs 2011-10-26 18:03:11 +00:00			`.ui-dialog .ui-header,`
			`.ui-dialog .ui-content,`
			`.ui-dialog .ui-footer {`
			`max-width: 500px;`
			`margin: 10% auto 15px auto;`
			`width: 85%;`
			`position: relative;`
			`}`
			`.ui-dialog .ui-header,`
			`.ui-dialog .ui-footer {`
			`padding: 0 15px;`
			`z-index: 10;`
			`}`
			`.ui-dialog .ui-content {`
			`padding: 15px;`
			`}`
			`.ui-dialog .ui-content,`
			`.ui-dialog .ui-footer {`
			`margin-top: -15px;`
			`}`