change badge to auto width

1 files changed, 7 insertions, 10 deletions

diff --git a/src/badges.less b/src/badges.less
index e0f1d46..265d29b 100644
--- a/src/badges.less
+++ b/src/badges.less
@@ -1,7 +1,7 @@
 // Badges
 .badge {
   position: relative;
-  margin-right: 2.4rem;
+
 
   &::after {
     content: attr(data-badge);
@@ -10,16 +10,13 @@
     text-align: center;
     line-height: 1.4rem;
     background-color: @core-color;
-    display: block;
-    width: 2rem;
+    display: inline-block;
+    min-width: 2rem;
     height: 2rem;
-    padding: .3rem .1rem;
-    border-radius: 50%;
-    position: absolute;
-    top: -1rem;
-    right: -2.4rem;
+    padding: .2rem .5rem;
+    border: .1rem solid #fff;
+    border-radius: 1rem;
     white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
+    transform: translate(-.2rem, -.8rem);
   }
 }
\ No newline at end of file