From 5fe22cfe489155e6ef33a15dbe2c0a5c2b237f42 Mon Sep 17 00:00:00 2001
From: hujambo-dunia <michelle.savage.1@gmail.com>
Date: Thu, 16 Jan 2025 09:03:08 -0500
Subject: [PATCH] User reporting

---
 .../Collections/common/UserReportingError.vue | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/client/src/components/Collections/common/UserReportingError.vue b/client/src/components/Collections/common/UserReportingError.vue
index 811d24e2c0aa..ee41fe26e958 100644
--- a/client/src/components/Collections/common/UserReportingError.vue
+++ b/client/src/components/Collections/common/UserReportingError.vue
@@ -72,17 +72,16 @@ async function handleSubmit(data?: any, email?: string | null) {
                 <span v-if="!props.reportableData">{{ FIELD_MESSAGE.dataRequired }}</span>
             </div>
             <FormElement v-if="props.reportableData" id="object-error-message" v-model="message" :area="true" />
+            <BButton
+                id="data-error-submit"
+                v-b-tooltip.hover
+                :title="fieldMessages.join('\n')"
+                variant="primary"
+                class="mt-3"
+                @click="handleSubmit(props.reportableData, props.reportingEmail)">
+                <FontAwesomeIcon :icon="faBug" class="mr-1" />
+                Report
+            </BButton>
         </div>
-
-        <BButton
-            id="data-error-submit"
-            v-b-tooltip.hover
-            :title="fieldMessages.join('\n')"
-            variant="primary"
-            class="mt-3"
-            @click="handleSubmit(props.reportableData, props.reportingEmail)">
-            <FontAwesomeIcon :icon="faBug" class="mr-1" />
-            Report
-        </BButton>
     </div>
 </template>