CHG: Improve all components

1 files changed, 18 insertions, 17 deletions

diff --git a/src/chips.less b/src/chips.less
index df312cf..11c6ab3 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -3,7 +3,7 @@
   align-content: space-around;
   align-items: center;
   border: .1rem solid transparent;
-  border-radius: .3rem;
+  border-radius: @border-radius;
   display: flex;
   list-style: none;
   margin: 0;
@@ -33,37 +33,38 @@
 .chip-sm {
   align-items: center;
   background: @core-border-color;
-  border-radius: .3rem;
+  border-radius: @border-radius;
   color: #666;
   display: inline-flex;
   height: 3rem;
-  margin-bottom: .1rem;
-  margin-top: .1rem;
+  margin: .1rem .2rem .1rem 0;
   max-width: 100%;
-  padding: .4rem .8rem;
+  padding: .5rem .7rem;
   text-decoration: none;
   vertical-align: middle;
 
-  .btn-clear {
-    &::before {
-      color: currentColor;
-      font-size: 1.6rem;
-    }
-  }
-
   &.selected {
     background: @core-color;
     color: @core-light-color;
   }
 
-  .chip-name {
-    margin: 0 .4rem;
-    .text-ellipsis;
-  }
-
   .avatar {
     font-size: 1rem;
     height: 2rem;
     width: 2rem;
   }
+
+  .chip-name {
+    .text-ellipsis;
+    &:not(:first-child) {
+      margin-left: .4rem;
+    }
+  }
+
+  .btn-clear {
+    &::before {
+      color: currentColor;
+      font-size: 1.6rem;
+    }
+  }
 }