change badge to auto width

1 files changed, 7 insertions, 10 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 66d8e4b..9026a04 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -1207,7 +1207,6 @@ textarea.form-input {
 }
 .badge {
   position: relative;
-  margin-right: 2.4rem;
 }
 .badge::after {
   content: attr(data-badge);
@@ -1216,17 +1215,15 @@ textarea.form-input {
   text-align: center;
   line-height: 1.4rem;
   background-color: #5764c6;
-  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;
+  -webkit-transform: translate(-0.2rem, -0.8rem);
+          transform: translate(-0.2rem, -0.8rem);
 }
 .card {
   display: block;