[airavata-django-portal] 02/04: AIRAVATA-3324 Improve UI for canceling selection

[ma...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

machristie pushed a commit to branch AIRAVATA-3324-custom-input-editor-autocomplete-input-editor
in repository https://gitbox.apache.org/repos/asf/airavata-django-portal.git

commit 749943189035da9c82c18b42bf4ae732c258e3ba
Author: Marcus Christie <ma...@apache.org>
AuthorDate: Wed Apr 29 09:36:29 2020 -0400

    AIRAVATA-3324 Improve UI for canceling selection
---
 .../experiment/input-editors/AutocompleteInputEditor.vue          | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue
index 067bb24..83934d5 100644
--- a/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue
+++ b/django_airavata/apps/workspace/static/django_airavata_workspace/js/components/experiment/input-editors/AutocompleteInputEditor.vue
@@ -1,8 +1,10 @@
 <template>
-  <!-- TODO: replace with better display and x to clear out selected value -->
-  <div v-if="value">
+  <div v-if="value" class="d-flex pl-3">
     {{ text }}
-    <b-link @click="cancel">Cancel</b-link>
+    <b-link @click="cancel" class="ml-auto text-danger"
+      >Cancel
+      <i class="fa fa-times" aria-hidden="true"></i>
+    </b-link>
   </div>
   <div v-else>
     <autocomplete-text-input