Listview: Update css to replace position of caret and count

Fixes #8439 Closes #8460
jquery-archive · Jun 30, 2016 · d78d12e · d78d12e
1 parent ab5add5
commit d78d12e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/css/structure/jquery.mobile.listview.css b/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;
 }

diff --git a/demos/listview/index.php b/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 -->