Button: Adjustments to selectors ui-btn-left and -right CSS rules. Fixes #5869.

Author: jaspermdegroot

css/structure/jquery.mobile.button.css

@@ -82,12 +82,6 @@ button.ui-btn-icon-notext {
 	margin-right: 5px;
 	margin-left: 5px;
 }
-.ui-btn-left,
-.ui-btn-right,
-.ui-btn-left > .ui-btn,
-.ui-btn-right > .ui-btn {
-	margin: 0;
-}
 .ui-header .ui-btn-icon-top,
 .ui-footer .ui-btn-icon-top,
 .ui-header .ui-btn-icon-bottom,
@@ -96,6 +90,36 @@ button.ui-btn-icon-notext {
 	padding-right: 3px;
 }
 
+.ui-btn-left,
+.ui-btn-right {
+	position: absolute;
+	top: 3px;
+}
+.ui-btn-left,
+.ui-btn-right,
+.ui-btn-left > .ui-btn,
+.ui-btn-right > .ui-btn {
+	margin: 0;
+}
+.ui-btn-left {
+	left: 5px;
+}
+.ui-btn-right {
+	right: 5px;
+}
+.ui-btn-left.ui-btn-icon-notext,
+.ui-btn-right.ui-btn-icon-notext {
+	top: 6px;
+}
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-left,
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-right {
+	top: 4px;
+}
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-left.ui-btn-icon-notext,
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-right.ui-btn-icon-notext {
+	top: 7px;
+}
+
 /*hiding native inputs */
 .ui-btn-hidden {
 	position: absolute;

css/structure/jquery.mobile.core.css

@@ -46,22 +46,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
 
 .ui-header, .ui-footer { position: relative; zoom: 1; }
 .ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
-.ui-header .ui-btn-left,
-.ui-header .ui-btn-right,
-.ui-footer .ui-btn-left,
-.ui-footer .ui-btn-right,
-.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
-.ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
-.ui-header-fixed .ui-btn-left,
-.ui-header-fixed .ui-btn-right { top: 4px;}
-.ui-header .ui-btn-left,
-.ui-footer .ui-btn-left { left: 5px; }
-.ui-header .ui-btn-right,
-.ui-footer .ui-btn-right { right: 5px; }
-.ui-footer > .ui-btn-icon-notext,
-.ui-header > .ui-btn-icon-notext,
-.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
-.ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
+
 .ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
 .ui-footer .ui-title { margin: .6em 15px .8em; }