From 0c3954315127bb13c38d941bf2a2f1e1831a6089 Mon Sep 17 00:00:00 2001
From: Shaun Lum <shaun.lum@gov.bc.ca>
Date: Thu, 16 Nov 2023 14:56:08 -0800
Subject: [PATCH] added width to phone column

---
 frontend/src/views/DistrictView.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/DistrictView.vue b/frontend/src/views/DistrictView.vue
index df557647..fa8e2724 100644
--- a/frontend/src/views/DistrictView.vue
+++ b/frontend/src/views/DistrictView.vue
@@ -320,11 +320,16 @@ onMounted(async () => {
               </template>
 
               <template v-slot:item.phoneNumber="{ item }">
-                {{ formatPhoneNumber(item.phoneNumber) }}
+                <div style="min-width: 125px">
+                  <!-- Adjust the min-width value as needed -->
+                  {{ formatPhoneNumber(item.phoneNumber) }}
+                </div>
               </template>
 
               <template v-slot:item.faxNumber="{ item }">
-                {{ formatPhoneNumber(item.faxNumber) }}
+                <div style="min-width: 125px">
+                  {{ formatPhoneNumber(item.faxNumber) }}
+                </div>
               </template>
             </v-data-table>
           </v-window-item>