From 12654539c3c12899b036e26cd2423c32fc88fd7d Mon Sep 17 00:00:00 2001
From: 18alantom <2.alan.tom@gmail.com>
Date: Mon, 18 Jul 2022 13:46:23 +0530
Subject: [PATCH] fix(ui): error message in table row

---
 src/components/Controls/TableRow.vue | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Controls/TableRow.vue b/src/components/Controls/TableRow.vue
index f9775f0db..763636405 100644
--- a/src/components/Controls/TableRow.vue
+++ b/src/components/Controls/TableRow.vue
@@ -6,11 +6,12 @@
       px-2
       border-b
       hover:bg-gray-50
-      h-row-mid
       group
       flex
       items-center
       justify-center
+      h-row-mid
+      relative
     "
   >
     <!-- Index or Remove button -->
@@ -52,8 +53,9 @@
 
     <!-- Error Display -->
     <div
-      class="text-sm text-red-600 mb-2 pl-2 col-span-full"
-      v-if="Object.values(errors).filter(Boolean).length"
+      class="text-xs text-red-600 pl-2 col-span-full absolute"
+      style="bottom: 0px"
+      v-if="hasErrors"
     >
       {{ getErrorString() }}
     </div>
@@ -97,6 +99,11 @@ export default {
       doc: this.row,
     };
   },
+  computed: {
+    hasErrors() {
+      return Object.values(this.errors).filter(Boolean).length;
+    },
+  },
   methods: {
     onChange(df, value) {
       if (value == null) {