From 33453072260bc6c27521cf4de3b47016d246a75c Mon Sep 17 00:00:00 2001
From: tatyabicchu <vishal.kumar-ug23@nsut.ac.in>
Date: Mon, 27 May 2024 09:21:30 +0530
Subject: [PATCH 1/4] fix(heuristics): heuristic items are not properly aligned
 on vertical axis #480

---
 src/components/molecules/HeuristicsTable.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/HeuristicsTable.vue b/src/components/molecules/HeuristicsTable.vue
index 387d9416..f4727c7a 100644
--- a/src/components/molecules/HeuristicsTable.vue
+++ b/src/components/molecules/HeuristicsTable.vue
@@ -295,7 +295,7 @@
                       </div>
                       <v-list-item-icon
                         v-if="i == itemSelect"
-                        class="mt-2 mb-2"
+                        style="margin-top:15px ;"
                       >
                         <v-icon>mdi-chevron-right</v-icon>
                       </v-list-item-icon>

From 6b46f9477e286658f8c4e79ca5242c9e3bbe4bcd Mon Sep 17 00:00:00 2001
From: tatyabicchu <vishal.kumar-ug23@nsut.ac.in>
Date: Mon, 27 May 2024 12:14:01 +0530
Subject: [PATCH 2/4] fixed: reduce padding/margin heuristic row #481

---
 src/components/molecules/HeuristicsTable.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/HeuristicsTable.vue b/src/components/molecules/HeuristicsTable.vue
index f4727c7a..5057c28f 100644
--- a/src/components/molecules/HeuristicsTable.vue
+++ b/src/components/molecules/HeuristicsTable.vue
@@ -400,14 +400,14 @@
               <v-divider />
               <v-list dense height="470px" class="list-scroll">
                 <v-list-item-group v-model="questionSelect" color="#fca326">
-                  <v-list-item
+                  <v-list-item style="min-height: 56px;"
                     v-for="(item, i) in heuristics[itemSelect].questions"
                     :key="i"
                   >
                     <v-list-item-content>
                       <v-list-item-title>{{ item.title }}</v-list-item-title>
                     </v-list-item-content>
-                    <v-list-item-icon v-if="i == questionSelect">
+                    <v-list-item-icon v-if="i == questionSelect" style="margin-top:15px" >
                       <v-icon>mdi-chevron-right</v-icon>
                     </v-list-item-icon>
                   </v-list-item>

From b99fef591c668bfbb0f5e88d991c72d54c8e67df Mon Sep 17 00:00:00 2001
From: tatyabicchu <vishal.kumar-ug23@nsut.ac.in>
Date: Mon, 27 May 2024 14:11:13 +0530
Subject: [PATCH 3/4] fixed improvied #483

---
 src/components/molecules/HeuristicsTable.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/molecules/HeuristicsTable.vue b/src/components/molecules/HeuristicsTable.vue
index 5057c28f..c931e834 100644
--- a/src/components/molecules/HeuristicsTable.vue
+++ b/src/components/molecules/HeuristicsTable.vue
@@ -200,6 +200,7 @@
                   </template>
                   <template v-else>
                     <v-list-item
+                      style="height: 40px ;"
                       v-for="(item, i) in filteredHeuristics"
                       :key="i"
                       class="pb-0 pt-0"
@@ -293,10 +294,7 @@
                           </v-btn>
                         </v-list-item-action>
                       </div>
-                      <v-list-item-icon
-                        v-if="i == itemSelect"
-                        style="margin-top:15px ;"
-                      >
+                      <v-list-item-icon v-if="i == itemSelect">
                         <v-icon>mdi-chevron-right</v-icon>
                       </v-list-item-icon>
                     </v-list-item>
@@ -400,14 +398,14 @@
               <v-divider />
               <v-list dense height="470px" class="list-scroll">
                 <v-list-item-group v-model="questionSelect" color="#fca326">
-                  <v-list-item style="min-height: 56px;"
+                  <v-list-item
                     v-for="(item, i) in heuristics[itemSelect].questions"
                     :key="i"
                   >
                     <v-list-item-content>
                       <v-list-item-title>{{ item.title }}</v-list-item-title>
                     </v-list-item-content>
-                    <v-list-item-icon v-if="i == questionSelect" style="margin-top:15px" >
+                    <v-list-item-icon v-if="i == questionSelect">
                       <v-icon>mdi-chevron-right</v-icon>
                     </v-list-item-icon>
                   </v-list-item>

From 3f14046c98e410e9d18c89257cd5ff1fb524566b Mon Sep 17 00:00:00 2001
From: tatyabicchu <vishal.kumar-ug23@nsut.ac.in>
Date: Tue, 4 Jun 2024 10:07:31 +0530
Subject: [PATCH 4/4] #480 removed hardcoded height and added responsive
 solution

---
 src/components/molecules/HeuristicsTable.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/molecules/HeuristicsTable.vue b/src/components/molecules/HeuristicsTable.vue
index c931e834..04b54f93 100644
--- a/src/components/molecules/HeuristicsTable.vue
+++ b/src/components/molecules/HeuristicsTable.vue
@@ -200,7 +200,6 @@
                   </template>
                   <template v-else>
                     <v-list-item
-                      style="height: 40px ;"
                       v-for="(item, i) in filteredHeuristics"
                       :key="i"
                       class="pb-0 pt-0"
@@ -294,7 +293,7 @@
                           </v-btn>
                         </v-list-item-action>
                       </div>
-                      <v-list-item-icon v-if="i == itemSelect">
+                      <v-list-item-icon v-if="i == itemSelect" class="pt-4">
                         <v-icon>mdi-chevron-right</v-icon>
                       </v-list-item-icon>
                     </v-list-item>
@@ -403,9 +402,11 @@
                     :key="i"
                   >
                     <v-list-item-content>
-                      <v-list-item-title>{{ item.title }}</v-list-item-title>
+                      <v-list-item-title class="py-3">{{
+                        item.title
+                      }}</v-list-item-title>
                     </v-list-item-content>
-                    <v-list-item-icon v-if="i == questionSelect">
+                    <v-list-item-icon v-if="i == questionSelect" class="pt-4">
                       <v-icon>mdi-chevron-right</v-icon>
                     </v-list-item-icon>
                   </v-list-item>