update autocomplete code

3 files changed, 16 insertions, 14 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index b16a19a..c85b89d 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -13,7 +13,7 @@
     max-width: 100%;
     min-height: 3.2rem;
     outline: 0;
-    padding: .3rem .5rem 0 .5rem;
+    padding: .3rem .3rem 0 .3rem;
     width: 100%;
 
     .chip-sm {
@@ -46,14 +46,19 @@
     top: 100%;
     width: 100%;
     z-index: 1988;
+  }
+  .form-autocomplete-item {
+    border-radius: .3rem;
+    display: block;
+    margin-top: .1rem;
+    padding: .2rem 1rem;
 
-    .chip {
-      background: transparent;
-
-      &:hover,
-      &.selected {
-        background: lighten(@core-color, 40%);
-      }
+    &:hover,
+    &:focus {
+      background: lighten(@core-color, 42%);
+    }
+    &.active {
+      background: lighten(@core-color, 40%);
     }
   }
 }
diff --git a/src/chips.less b/src/chips.less
index 626d5bc..6a0c777 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -4,11 +4,10 @@
   align-items: center;
   border: .1rem solid transparent;
   border-radius: .3rem;
-  color: #666;
   display: flex;
   list-style: none;
   margin: 0;
-  padding: .5rem;
+  padding: .5rem 0;
 
   .chip-icon {
     flex: 0 0 auto;
@@ -50,7 +49,7 @@
   }
 
   .btn-clear {
-    margin-top: -.1rem;
+    margin-top: -.2rem;
 
     &::before {
       color: darken(@core-color, 10%);
diff --git a/src/toasts.less b/src/toasts.less
index 13eddcd..2ca5487 100644
--- a/src/toasts.less
+++ b/src/toasts.less
@@ -24,9 +24,7 @@
   &.toast-success,
   &.toast-danger {
     .btn-clear {
-      &::before {
-        color: #fff;
-      }
+      color: #fff;
     }
   }
 }