From 8311ea94e2b95b3346e76c50402c0fab9bdc69d0 Mon Sep 17 00:00:00 2001
From: Joyce Quach <jquach@mitre.org>
Date: Fri, 17 Jan 2025 12:08:25 -0500
Subject: [PATCH] Remove parent row component around each checklist component
 because of gap to right of table and there being too many divs

Signed-off-by: Joyce Quach <jquach@mitre.org>
---
 apps/frontend/src/views/Checklist.vue | 52 ++++++++++++---------------
 1 file changed, 22 insertions(+), 30 deletions(-)

diff --git a/apps/frontend/src/views/Checklist.vue b/apps/frontend/src/views/Checklist.vue
index 31218b492d..1a8d120b9d 100644
--- a/apps/frontend/src/views/Checklist.vue
+++ b/apps/frontend/src/views/Checklist.vue
@@ -35,42 +35,34 @@
           <!-- Left Panel -->
           <v-col cols="12" md="6">
             <!-- Data Table -->
-            <v-row dense>
-              <ChecklistRulesTable
-                :all-filter="allFilter"
-                :file-filter="fileFilter"
-                :short-id-enabled="shortIdEnabled"
-                :rules="filteredRules"
-                :num-total-rules="allRules.length"
-                @toggle-short-id="shortIdEnabled = !shortIdEnabled"
-              />
-            </v-row>
+            <ChecklistRulesTable
+              :all-filter="allFilter"
+              :file-filter="fileFilter"
+              :short-id-enabled="shortIdEnabled"
+              :rules="filteredRules"
+              :num-total-rules="allRules.length"
+              @toggle-short-id="shortIdEnabled = !shortIdEnabled"
+            />
           </v-col>
           <!-- Right Panel (Rule Data) -->
           <v-col id="right-panel" ref="rightPanel" cols="12" md="6">
             <!-- Rule Header Info -->
-            <v-row dense>
-              <ChecklistRuleInfoHeader
-                :selected-rule="selectedRule"
-                :short-id-enabled="shortIdEnabled"
-              />
-            </v-row>
+            <ChecklistRuleInfoHeader
+              :selected-rule="selectedRule"
+              :short-id-enabled="shortIdEnabled"
+            />
             <!-- Rule Body Info -->
-            <v-row dense>
-              <ChecklistRuleInfoBody
-                :selected-rule="selectedRule"
-                @enable-sheet="sheet = true"
-              />
-            </v-row>
+            <ChecklistRuleInfoBody
+              :selected-rule="selectedRule"
+              @enable-sheet="sheet = true"
+            />
             <!-- Rule Info Edit -->
-            <v-row dense>
-              <ChecklistRuleEdit
-                :selected-rule="selectedRule"
-                :sheet="sheet"
-                @enable-sheet="sheet = true"
-                @update-override="setSeverityOverrideSelection"
-              />
-            </v-row>
+            <ChecklistRuleEdit
+              :selected-rule="selectedRule"
+              :sheet="sheet"
+              @enable-sheet="sheet = true"
+              @update-override="setSeverityOverrideSelection"
+            />
           </v-col>
         </v-row>
         <div class="text-center">