small table visual change in entry summary

src/pages/Entry/Card/EntrySummary.vue

@@ -356,9 +356,9 @@ const fetchEntryBuys = async () => {
                         <!-- Esta última row es utilizada para agregar un espaciado y así marcar una diferencia visual entre los diferentes buys -->
                         <QTr
                             v-if="rowIndex !== entryBuys.length - 1"
-                            style="height: 30px"
+                            class="separation-row"
                         >
-                            <QTd colspan="10" />
+                            <QTd colspan="10" style="height: 24px" />
                         </QTr>
                     </template>
                 </QTable>
@@ -367,6 +367,12 @@ const fetchEntryBuys = async () => {
     </CardSummary>
 </template>
 
+<style lang="scss" scoped>
+.separation-row {
+    background-color: var(--vn-gray) !important;
+}
+</style>
+
 <i18n>
 es:
     Travel data: 'Datos envío'