Merge pull request jquery-archive#2469 from MauriceG/patch-2

toddparker · toddparker · commit b173815f11fe · 2011-09-19T18:13:36.000-07:00
Fix for issue jquery-archive#2192 labels for form inputs have different vertical alignment. Thanks MauriceG!
diff --git a/themes/default/jquery.mobile.forms.slider.css b/themes/default/jquery.mobile.forms.slider.css
@@ -10,7 +10,7 @@ div.ui-slider { position: relative; display: inline-block; overflow: visible; he
 a.ui-slider-handle { position: absolute; z-index: 10;  top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }
 a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }
 @media all and (min-width: 480px){
-	label.ui-slider { display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
+	label.ui-slider { vertical-align: top;  display: inline-block;  width: 20%;  margin: 0 2% 0 0; }
 	div.ui-slider { width: 45%; }
 }	
 

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ div.ui-slider { position: relative; display: inline-block; overflow: visible; he`
`10`	`10`	`a.ui-slider-handle { position: absolute; z-index: 10; top: 50%; width: 28px; height: 28px; margin-top: -15px; margin-left: -15px; }`
`11`	`11`	`a.ui-slider-handle .ui-btn-inner { padding-left: 0; padding-right: 0; }`
`12`	`12`	`@media all and (min-width: 480px){`
`13`		`- label.ui-slider { display: inline-block; width: 20%; margin: 0 2% 0 0; }`
	`13`	`+ label.ui-slider { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0; }`
`14`	`14`	`div.ui-slider { width: 45%; }`
`15`	`15`	`}`
`16`	`16`