refactor: minoe fixes and improvements

components/smart/AutoComplete.vue

@@ -186,6 +186,7 @@ export default {
 
 <style scoped lang="scss">
 .autocomplete-wrapper {
+  @apply relative;
   @apply contents;
 
   input:focus + ul.suggestions,

components/smart/DeletableChip.vue

@@ -1,7 +1,7 @@
 <template>
   <span class="chip">
     <i class="opacity-75 material-icons">attachment</i>
-    <span class="px-2"><slot></slot></span>
+    <span class="max-w-64 px-2 truncate"><slot></slot></span>
     <ButtonSecondary
       class="rounded close-button"
       icon="close"

components/smart/Item.vue

@@ -57,10 +57,10 @@
     </span>
     <SmartSpinner v-else class="mr-4" />
     <div
-      class="flex-1 inline-flex items-start"
+      class="flex-1 inline-flex truncate items-start"
       :class="{ 'flex-col': description }"
     >
-      <div>
+      <div class="truncate">
         {{ label }}
       </div>
       <p v-if="description" class="my-2 text-left text-secondaryLight">