Listview: Update css to replace position of caret and count

Fixes #8439
Closes #8460

Author: apsdehal

css/structure/jquery.mobile.listview.css

@@ -119,7 +119,7 @@
 .ui-listview > .ui-listview-item-has-count > .ui-button,
 .ui-listview > .ui-listview-item-static.ui-listview-item-has-count,
 .ui-listview > .ui-listview-item-divider.ui-listview-item-has-count {
-	padding-right: 2.8125em;
+	padding-right: 0.7em;
 }
 .ui-listview > .ui-listview-item-has-count > .ui-icon-end {
 	padding-right: 4.6875em;
@@ -141,7 +141,7 @@
 	line-height: 1.6em;
 	min-height: 1.6em;
 	min-width: .64em;
-	right: .8em;
+	right: 3em;
 	top: 50%;
 	margin-top: -.88em;
 }

demos/listview/index.php

@@ -155,7 +155,7 @@
 					<li><a href="#">Inbox <span class="ui-listview-item-count-bubble">12</span></a></li>
 					<li><a href="#">Outbox <span class="ui-listview-item-count-bubble">0</span></a></li>
 					<li><a href="#">Drafts <span class="ui-listview-item-count-bubble">4</span></a></li>
-					<li><a href="#">Sent <span class="ui-listview-item-count-bubble">328</span></a></li>
+					<li><a href="#">Sent <span class="ui-listview-item-count-bubble">32811</span></a></li>
 					<li><a href="#">Trash <span class="ui-listview-item-count-bubble">62</span></a></li>
 				</ul>
 			</div><!--/demo-html -->