Button inner elements corner styling inheritance

Author: jaspermdegroot

css/structure/jquery.mobile.button.css

@@ -49,6 +49,13 @@
 .ui-mini.ui-btn-icon-bottom .ui-btn-inner,
 .ui-mini .ui-btn-icon-bottom .ui-btn-inner { padding-bottom: 30px; }
 
+/* Corner styling inheritance */
+.ui-btn-inner,
+.ui-btn-text {
+	-webkit-border-radius: inherit;	
+	border-radius: inherit;
+}
+
 /*btn icon positioning*/
 .ui-btn-icon-notext .ui-icon { display: block; z-index: 0;}
 .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon { position: absolute; top: 50%; margin-top: -9px; }

css/structure/jquery.mobile.listview.css

@@ -21,17 +21,13 @@ ol.ui-listview .ui-li-jsnumbering:before { content: "" !important; } /* to avoid
 .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) .ui-li-last .ui-li-link-alt { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; }
 /* Corner styling */
 .ui-listview > .ui-li:first-child,
-.ui-listview .ui-btn:first-child > .ui-li,
-.ui-listview .ui-btn:first-child > .ui-li > .ui-btn-text,
 .ui-listview .ui-btn:first-child > .ui-li > .ui-btn-text > .ui-link-inherit {
 	-webkit-border-top-right-radius: inherit;	
 	border-top-right-radius: inherit;
 	-webkit-border-top-left-radius: inherit;
 	border-top-left-radius: inherit;
 }
 .ui-listview > .ui-li:last-child,
-.ui-listview .ui-btn:last-child > .ui-li,
-.ui-listview .ui-btn:last-child > .ui-li > .ui-btn-text,
 .ui-listview .ui-btn:last-child > .ui-li > .ui-btn-text > .ui-link-inherit {
 	-webkit-border-bottom-right-radius: inherit;
 	border-bottom-right-radius: inherit;