From 1661a46b8117f2a55521e9ef51976ed9965d96e9 Mon Sep 17 00:00:00 2001
From: peoray <peoray@yahoo.com>
Date: Tue, 17 Oct 2023 02:15:17 +0100
Subject: [PATCH 1/2] Fix inconsistent spacing in error messages for create
 activity fields

---
 frontend/src/shared/form/form-item.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/shared/form/form-item.vue b/frontend/src/shared/form/form-item.vue
index 10afa2eaa8..72d6f4f58a 100644
--- a/frontend/src/shared/form/form-item.vue
+++ b/frontend/src/shared/form/form-item.vue
@@ -109,3 +109,9 @@ export default {
   name: 'AppFormItem',
 };
 </script>
+
+<style scoped>
+div.is-error {
+  margin-bottom: 40px;
+}
+</style>

From b8e3cfdc07da9ce6c14a1cef504622f3f6ac1c93 Mon Sep 17 00:00:00 2001
From: peoray <peoray@yahoo.com>
Date: Thu, 19 Oct 2023 03:22:24 +0100
Subject: [PATCH 2/2] Update activity form page with css style

---
 .../activity/components/activity-form-drawer.vue       | 10 +++++++++-
 frontend/src/shared/form/form-item.vue                 |  6 ------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/modules/activity/components/activity-form-drawer.vue b/frontend/src/modules/activity/components/activity-form-drawer.vue
index 33f36253b9..c44d68e340 100644
--- a/frontend/src/modules/activity/components/activity-form-drawer.vue
+++ b/frontend/src/modules/activity/components/activity-form-drawer.vue
@@ -7,7 +7,7 @@
     <template #content>
       <div class="-mt-4">
         <app-form-item
-          class="mb-4"
+          :class="[$v.member.$errors.length ? 'isError' : 'mb-4']"
           label="Contact"
           :validation="$v.member"
           :required="true"
@@ -50,6 +50,7 @@
 
         <app-form-item
           class="mb-4"
+          :class="[$v.datetime.$errors.length ? 'isError' : 'mb-4']"
           label="When"
           :validation="$v.datetime"
           :required="true"
@@ -72,6 +73,7 @@
 
         <app-form-item
           class="mb-4"
+          :class="[$v.activityType.$errors.length ? 'isError' : 'mb-4']"
           label="Activity type"
           :validation="$v.activityType"
           :required="true"
@@ -385,3 +387,9 @@ export default {
   name: 'AppActivityFormDrawer',
 };
 </script>
+
+<style scoped>
+.isError {
+  margin-bottom: 40px;
+}
+</style>
diff --git a/frontend/src/shared/form/form-item.vue b/frontend/src/shared/form/form-item.vue
index 72d6f4f58a..10afa2eaa8 100644
--- a/frontend/src/shared/form/form-item.vue
+++ b/frontend/src/shared/form/form-item.vue
@@ -109,9 +109,3 @@ export default {
   name: 'AppFormItem',
 };
 </script>
-
-<style scoped>
-div.is-error {
-  margin-bottom: 40px;
-}
-</style>