From d1125616c86010cfec89c5d38df2f505b931582d Mon Sep 17 00:00:00 2001
From: Teodora Pavlova <27234545+TeodoraPavlova@users.noreply.github.com>
Date: Fri, 5 Apr 2024 18:56:48 +0300
Subject: [PATCH] improve bulk add discard form

---
 frontend/src/components/EntityBulkAdd.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/EntityBulkAdd.vue b/frontend/src/components/EntityBulkAdd.vue
index 8598cc4..1487e91 100644
--- a/frontend/src/components/EntityBulkAdd.vue
+++ b/frontend/src/components/EntityBulkAdd.vue
@@ -1,9 +1,10 @@
 <template>
   <div v-for="(form, index) in entityForms" :key="form.props.id">
     <div :id="`form-${index}`">
-      <div v-if="index > 0" class="row mt-5 border-top border-light">
+      <div :class="`${entityForms.length < 2 && 'd-none'} ${index > 0 && 'mt-5 border-top border-light'} row`">
         <div class="col">
-          <button type="button" class="btn-close float-end mt-2" @click="closeForm(form.props.id)"/>
+          <button type="button" :class="`btn-close float-end ${index > 0 ? 'my-3': 'mb-3'}`"
+                  @click="closeForm(form.props.id)"/>
         </div>
       </div>
       <component :is="form.component" @save-all="saveAll" v-bind="form.props" :ref="form.props.id"/>