added width to phone column

bcgov · Nov 16, 2023 · 0c39543 · 0c39543
1 parent 48bb4b7
commit 0c39543
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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>