CHG: Update chip and autocomplete components

1 files changed, 10 insertions, 38 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index d1cc42b..5e6d65f 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -3,62 +3,34 @@
   position: relative;
 
   .form-autocomplete-input {
+    align-content: flex-start;
     background: #fff;
     border: .1rem solid @control-color;
     border-radius: .3rem;
     color: @body-font-color;
-    display: block;
-    font-size: 1.4rem;
-    line-height: 1.6rem;
+    display: flex;
+    flex-wrap: wrap;
     max-width: 100%;
-    min-height: 3.2rem;
+    min-height: 4rem;
     outline: 0;
-    padding: .3rem .3rem 0 .3rem;
+    padding: .4rem .4rem 0 .4rem;
     width: 100%;
 
     .chip-sm {
-      margin-bottom: .3rem;
+      margin-bottom: .4rem;
+      margin-right: .4rem;
     }
 
     .form-input {
       background: #fff;
       border-color: transparent;
-      display: inline-block;
-      height: 2.4rem;
+      display: inline-block;;
+      flex: 1 0 auto;
+      height: 3rem;
       margin-bottom: .3rem;
       padding: .3rem;
       vertical-align: top;
       width: auto;
     }
   }
-
-  .form-autocomplete-list {
-    background: #fff;
-    border: .1rem solid lighten(@control-color, 5%);
-    border-radius: .3rem;
-    display: block;
-    height: auto;
-    left: 0;
-    .light-shadow;
-    margin: .3rem 0 0 0;
-    padding: .5rem;
-    position: absolute;
-    top: 100%;
-    width: 100%;
-    z-index: 1988;
-  }
-  .form-autocomplete-item {
-    border-radius: .3rem;
-    display: block;
-    margin-top: .1rem;
-    padding: .2rem 1rem;
-
-    &:hover,
-    &:focus {
-      background: lighten(@core-secondary-color, 5%);
-    }
-    &.active {
-      background: @core-secondary-color;
-    }
-  }
 }