Button: Submit buttons should be full width when label is hidden. Fixes #4705 - Input submit lacks 100% width when placed in fieldcontain with .ui-hide-label on wider screens.

jaspermdegroot · jaspermdegroot · commit f1e4f5ab136e · 2012-07-16T20:45:26.000+02:00
diff --git a/css/structure/jquery.mobile.button.css b/css/structure/jquery.mobile.button.css
@@ -85,5 +85,5 @@ label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin
 @media all and (min-width: 450px){
 	.ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }
 	.ui-field-contain .ui-btn.ui-submit { width: 60%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
-	.ui-hide-label .ui-btn.ui-submit { width: auto; }
+	.ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }
 }

Original file line number	Diff line number	Diff line change
`@@ -85,5 +85,5 @@ label.ui-submit { font-size: 16px; line-height: 1.4; font-weight: normal; margin`
`85`	`85`	`@media all and (min-width: 450px){`
`86`	`86`	`.ui-field-contain label.ui-submit { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }`
`87`	`87`	`.ui-field-contain .ui-btn.ui-submit { width: 60%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }`
`88`		`- .ui-hide-label .ui-btn.ui-submit { width: auto; }`
	`88`	`+ .ui-hide-label .ui-btn.ui-submit { width: auto; display: block; }`
`89`	`89`	`}`