From 1bed7f1cc9d504f8ea3d44a2c20d13c532addba3 Mon Sep 17 00:00:00 2001
From: Omair Saleh <uldvstar@gmail.com>
Date: Tue, 3 Oct 2023 14:09:46 +0800
Subject: [PATCH] change ui for feedback answers to use columns instead of rows

---
 .../feedback/forms/FeedbackFormComponent.vue  | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/resources/assets/vue/components/feedback/forms/FeedbackFormComponent.vue b/resources/assets/vue/components/feedback/forms/FeedbackFormComponent.vue
index de202d0c..94af3a18 100644
--- a/resources/assets/vue/components/feedback/forms/FeedbackFormComponent.vue
+++ b/resources/assets/vue/components/feedback/forms/FeedbackFormComponent.vue
@@ -21,15 +21,20 @@
                             </div>
                         </div>
                         <div class="row m-b-10" v-else-if="questions[index].question_type === 1" >
-                            <div class="col" >
-                                <validation-wrapper-component :validator="$v.answers.$each[index]" class="row">
-                                    <div class="col" v-for="ans in questions[index].question_answers">
-                                        <div :class="'question-answers-' + index">
-                                            <div class="btn btn-xs btn-block p-t-35 p-b-35 fs-16" :answerValue="ans.value" :answerId=ans.id @click="addClass($event, 'question-answers-' + index, index)">{{ ans.display_text }}</div>
-                                        </div>
-                                    </div>
-                                </validation-wrapper-component>
+                            <div class="col" v-for="ans in questions[index].question_answers">
+                                <div :class="'question-answers-' + index">
+                                    <div class="btn btn-xs btn-block p-t-35 p-b-35 fs-16" :answerValue="ans.value" :answerId=ans.id @click="addClass($event, 'question-answers-' + index, index)">{{ ans.display_text }}</div>
+                                </div>
                             </div>
+<!--                            <div class="col" >-->
+<!--                                <validation-wrapper-component :validator="$v.answers.$each[index]" class="row">-->
+<!--                                    <div class="col" v-for="ans in questions[index].question_answers">-->
+<!--                                        <div :class="'question-answers-' + index">-->
+<!--                                            <div class="btn btn-xs btn-block p-t-35 p-b-35 fs-16" :answerValue="ans.value" :answerId=ans.id @click="addClass($event, 'question-answers-' + index, index)">{{ ans.display_text }}</div>-->
+<!--                                        </div>-->
+<!--                                    </div>-->
+<!--                                </validation-wrapper-component>-->
+<!--                            </div>-->
                         </div>
 
                         <div class="row m-b-10" v-else-if="questions[index].question_type === 6" >