Merge pull request #1489 from bcgov/fix/EDX-2436

SCH | SLD (1701) | Step 3 Edit/Verify Data Issue screen | Summary View across all the tabs | Compare function symbols are bottom aligned
bcgov · Apr 22, 2024 · b6eb381 · b6eb381
2 parents d1f9a0d + 0585963
commit b6eb381
Showing 1 changed file with 21 additions and 16 deletions.
diff --git a/...src/components/sdcCollection/sdcSchoolCollection/stepThreeVerifyData/SummaryComponent.vue b/...src/components/sdcCollection/sdcSchoolCollection/stepThreeVerifyData/SummaryComponent.vue
@@ -47,24 +47,29 @@
                   >
                     <v-col :class="`${reportType}-headcount-column-data column-data`">
                       <div>{{ key }}</div>
-                      <span
-                        v-if="header?.columns[key]?.comparisonValue !== null"
-                        class="compare-text"
-                      >
-                        {{ header?.columns[key]?.comparisonValue }}
-                      </span>
-                      <span v-if="header?.columns[key]?.comparisonValue !== null">
-                        <v-icon
-                          size="x-small"
-                          :color="getStatusColor(header?.columns[key]?.comparisonValue, header?.columns[key]?.currentValue)"
+                      <div style="display: flex; justify-content: center">
+                        <span
+                          v-if="header?.columns[key]?.comparisonValue !== null"
+                          class="compare-text"
+                        >
+                          {{ header?.columns[key]?.comparisonValue }}
+                        </span>
+                        <span
+                          v-if="header?.columns[key]?.comparisonValue !== null"
+                          style="display: flex;  align-items: center"
                         >
-                          {{ getComparisonIcon(header?.columns[key]?.comparisonValue, header?.columns[key]?.currentValue) }}
-                        </v-icon>
+                          <v-icon
+                            size="x-small"
+                            :color="getStatusColor(header?.columns[key]?.comparisonValue, header?.columns[key]?.currentValue)"
+                          >
+                            {{ getComparisonIcon(header?.columns[key]?.comparisonValue, header?.columns[key]?.currentValue) }}
+                          </v-icon>
 
-                      </span>
-                      <span>
-                        {{ header?.columns[key]?.currentValue }}
-                      </span>
+                        </span>
+                        <span>
+                          {{ header?.columns[key]?.currentValue }}
+                        </span>
+                      </div>
                     </v-col>
                     <v-divider
                       v-if="idx !== header?.orderedColumnTitles?.length - 1"