From 54be851b15ec9d6ac4040f603368c1bea61e2bbe Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Fri, 31 Jan 2020 22:31:22 +0000
Subject: [PATCH]

---
 ayanova/src/components/gz-data-table.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index c41d9f88..4eefea95 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -82,14 +82,14 @@
                 </div>
               </td>
             </template>
-
+            <!-- NOTE: the pl-2 (overrides default of 16) is critical here or else in small phone size the data column is cut off to the right -->
             <td
-              class="v-data-table__mobile-row"
+              class="v-data-table__mobile-row pl-2"
               v-for="c in item.columns"
               :key="c.key"
             >
-              <!-- NOTE: the mr-n5 is critical here or else in small phone size the data column is cut off to the right -->
-              <div class="v-data-table__mobile-row__header mr-n7">
+              <!-- NOTE: the mr-n6 is critical here or else in 360px (galaxy s9) small phone size the data column is cut off to the right -->
+              <div class="v-data-table__mobile-row__header mr-n6">
                 {{ getHeaderText(c.key) }}
               </div>
               <div class="v-data-table__mobile-row__cell">