From 1685578a478c01187c7f657973e4f44bf48f0e56 Mon Sep 17 00:00:00 2001
From: jlpereira <pepelui@outlook.com>
Date: Thu, 14 Sep 2023 19:00:56 -0300
Subject: [PATCH] Update tracker report

---
 src/components/Layout/LayoutHeader.vue  |  2 +-
 src/components/TrackerReport.global.vue | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/Layout/LayoutHeader.vue b/src/components/Layout/LayoutHeader.vue
index a0a9f93..9fdb59a 100644
--- a/src/components/Layout/LayoutHeader.vue
+++ b/src/components/Layout/LayoutHeader.vue
@@ -46,7 +46,7 @@
             <SwitchTheme class="text-primary-content" />
           </ClientOnly>
         </div>
-        <div class="flex items-center ml-6 border-base-muted">
+        <div class="flex items-center ml-2 border-base-muted">
           <TrackerReport icon />
         </div>
       </div>
diff --git a/src/components/TrackerReport.global.vue b/src/components/TrackerReport.global.vue
index 87c0505..b941bc1 100644
--- a/src/components/TrackerReport.global.vue
+++ b/src/components/TrackerReport.global.vue
@@ -1,8 +1,8 @@
 <template>
-  <VButton
+  <component
+    :is="tag"
     type="button"
     title="Report a problem"
-    class="flex gap-2 items-center"
     :class="buttonClass"
     @click="openTracker"
   >
@@ -11,7 +11,7 @@
       class="w-5 h-5"
     />
     <span v-if="label">{{ label }}</span>
-  </VButton>
+  </component>
   <VModal
     v-if="isModalVisible"
     class="text-base-content"
@@ -47,7 +47,7 @@ const TAXONPAGES_ISSUE_TRACKER =
 defineProps({
   buttonClass: {
     type: String,
-    default: 'pl-0 pr-0 pt-0 pb-0'
+    default: undefined
   },
 
   label: {
@@ -58,6 +58,11 @@ defineProps({
   icon: {
     type: Boolean,
     default: false
+  },
+
+  tag: {
+    type: String,
+    default: 'VButton'
   }
 })