fix(badge): Vertical align a badge in an item-divider, closes #707

ionic-team · Mar 3, 2014 · cb5510c · cb5510c
1 parent a0d60d5
commit cb5510c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/scss/_items.scss b/scss/_items.scss
@@ -56,6 +56,9 @@
     top: $item-padding;
     right: ($item-padding * 2) + 5;
   }
+  &.item-divider .badge {
+    top: $item-padding / 2;
+  }
   .badge + .badge {
     margin-right: 5px;
   }

diff --git a/test/html/lists.html b/test/html/lists.html
@@ -149,6 +149,7 @@ <h1 class="title">Lists</h1>
 
           <div class="item item-divider">
             Leisure
+            <span class="badge badge-positive">33</span>
           </div>
 
           <a href="#" class="item item-icon-left">
-Original file line number
+Diff line change
@@ Expand Up / @@ -149,6 +149,7 @@ <h1 class="title">Lists</h1> @@
               <div class="item item-divider">
                 Leisure
+                <span class="badge badge-positive">33</span>
               </div>
               <a href="#" class="item item-icon-left">
@@ Expand Down @@