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

---
 ayanova/src/components/gz-data-table.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ayanova/src/components/gz-data-table.vue b/ayanova/src/components/gz-data-table.vue
index 537191fe..c41d9f88 100644
--- a/ayanova/src/components/gz-data-table.vue
+++ b/ayanova/src/components/gz-data-table.vue
@@ -88,7 +88,8 @@
               v-for="c in item.columns"
               :key="c.key"
             >
-              <div class="v-data-table__mobile-row__header mr-n5">
+              <!-- 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">
                 {{ getHeaderText(c.key) }}
               </div>
               <div class="v-data-table__mobile-row__cell">