User reporting

Author: hujambo-dunia

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>