From 9fe78d6247342a0b80a301241e9e4d3211ca344f Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Sun, 16 May 2021 15:26:32 +0530
Subject: [PATCH] Make conditional icons consistent on templates UI

---
 frontend/src/views/Templates.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Templates.vue b/frontend/src/views/Templates.vue
index 9004ec2..284eeaf 100644
--- a/frontend/src/views/Templates.vue
+++ b/frontend/src/views/Templates.vue
@@ -57,13 +57,20 @@
                     <b-icon icon="check-circle-outline" size="is-small" />
                   </b-tooltip>
                 </a>
-                <a v-if="!props.row.isDefault"
-                  href="#" @click.prevent="$utils.confirm(null, () => deleteTemplate(props.row))"
+                <span v-else class="a has-text-grey-light">
+                    <b-icon icon="check-circle-outline" size="is-small" />
+                </span>
+
+                <a v-if="!props.row.isDefault" href="#"
+                  @click.prevent="$utils.confirm(null, () => deleteTemplate(props.row))"
                   data-cy="btn-delete">
                   <b-tooltip :label="$t('globals.buttons.delete')" type="is-dark">
                     <b-icon icon="trash-can-outline" size="is-small" />
                   </b-tooltip>
                 </a>
+                <span v-else class="a has-text-grey-light">
+                    <b-icon icon="trash-can-outline" size="is-small" />
+                </span>
               </div>
             </b-table-column>
         </template>