From 9acbaf3b7fcefd39eefa7cc54327e3801655752d Mon Sep 17 00:00:00 2001
From: Stefan Peters <stefandesu@exo.pm>
Date: Thu, 28 May 2020 14:07:01 +0200
Subject: [PATCH] Add icon to deselect a concept #564 Add icon to deselect a
 concept (#564)

Revert "Remove button to clear concept"

This reverts commit ac05d657f36dbddeebaca22c2f972e74fb8f2858.
---
 src/components/ConceptDetail.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/ConceptDetail.vue b/src/components/ConceptDetail.vue
index 948b85417..f55acd08a 100644
--- a/src/components/ConceptDetail.vue
+++ b/src/components/ConceptDetail.vue
@@ -68,6 +68,13 @@
         'concept-mappingsExist': loadConceptsMappedStatus && $store.getters.mappedStatus(item, isLeft),
         'concept-mappingsDoNotExist': loadConceptsMappedStatus && !$store.getters.mappedStatus(item, isLeft)
       }">
+      <!-- Button to clear scheme -->
+      <div
+        v-b-tooltip.hover="{ title: $t('conceptDetail.clearConcept'), delay: defaults.delay.medium }"
+        class="button conceptDetail-name-clearButton"
+        @click="$router.push({ path: getRouterUrl(selected.scheme[isLeft], isLeft) })">
+        <font-awesome-icon icon="times-circle" />
+      </div>
       <item-name
         :item="item"
         :is-highlighted="true"
@@ -534,7 +541,7 @@ export default {
 .conceptDetail-name {
   background-color: @color-select-2;
   position: relative;
-  padding: 0 10px;
+  padding: 0 20px;
 }
 .conceptDetail-name-clearButton {
   position: absolute;