From af03eef19bced2a51d6f1a00d9b235e99a7e22ec Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Fri, 28 Oct 2022 00:57:44 +0000
Subject: [PATCH] case 4220 densification

---
 ayanova/src/components/currency-control.vue   |  1 +
 .../src/components/custom-fields-control.vue  |  3 +
 ayanova/src/components/date-control.vue       |  4 +
 ayanova/src/components/date-time-control.vue  |  7 ++
 .../src/components/days-of-week-control.vue   |  1 +
 ayanova/src/components/decimal-control.vue    |  1 +
 ayanova/src/components/duration-control.vue   | 14 ++-
 ayanova/src/components/email-control.vue      |  1 +
 ayanova/src/components/percent-control.vue    | 35 ++++----
 ayanova/src/components/phone-control.vue      |  1 +
 ayanova/src/components/pick-list.vue          |  1 +
 ayanova/src/components/tag-picker.vue         |  1 +
 ayanova/src/components/url-control.vue        |  1 +
 ayanova/src/components/work-order-address.vue | 11 ++-
 ayanova/src/components/work-order-header.vue  |  7 ++
 ayanova/src/views/cust-customer.vue           | 22 ++++-
 ayanova/src/views/svc-contract.vue            | 86 +++++++++++--------
 17 files changed, 134 insertions(+), 63 deletions(-)

diff --git a/ayanova/src/components/currency-control.vue b/ayanova/src/components/currency-control.vue
index 9d9816fc..b9e2b3ec 100644
--- a/ayanova/src/components/currency-control.vue
+++ b/ayanova/src/components/currency-control.vue
@@ -6,6 +6,7 @@
         currency: currencyName,
         locale: languageName
       }"
+      dense
       :value="currencyValue"
       :readonly="readonly"
       :disabled="disabled"
diff --git a/ayanova/src/components/custom-fields-control.vue b/ayanova/src/components/custom-fields-control.vue
index c5b4e7cb..1bec7c00 100644
--- a/ayanova/src/components/custom-fields-control.vue
+++ b/ayanova/src/components/custom-fields-control.vue
@@ -76,6 +76,7 @@
               <v-textarea
                 :ref="item.fld"
                 v-model="_self[item.dataKey]"
+                dense
                 :readonly="readonly"
                 :disabled="disabled"
                 :label="$ay.t(item.tKey)"
@@ -98,6 +99,7 @@
               <v-text-field
                 :ref="item.fld"
                 v-model="_self[item.dataKey]"
+                dense
                 :readonly="readonly"
                 :disabled="disabled"
                 :label="$ay.t(item.tKey)"
@@ -122,6 +124,7 @@
               <v-checkbox
                 :ref="item.fld"
                 v-model="_self[item.dataKey]"
+                dense
                 :readonly="readonly"
                 :disabled="disabled"
                 :label="$ay.t(item.tKey)"
diff --git a/ayanova/src/components/date-control.vue b/ayanova/src/components/date-control.vue
index 23ed8b6f..eb5c6539 100644
--- a/ayanova/src/components/date-control.vue
+++ b/ayanova/src/components/date-control.vue
@@ -7,6 +7,7 @@
             <v-dialog v-model="dlgdate" width="300px">
               <template v-slot:activator="{ on }">
                 <v-text-field
+                  dense
                   prepend-icon="$ayiCalendarAlt"
                   :value="dateValue"
                   :label="label"
@@ -18,6 +19,7 @@
                 ></v-text-field>
               </template>
               <v-date-picker
+                dense
                 :value="dateValue"
                 :locale="languageName"
                 @input="updateDateValue"
@@ -42,6 +44,7 @@
           <v-col cols="6">
             <v-text-field
               ref="dateField"
+              dense
               :value="dateValue"
               :readonly="readonly"
               :disabled="disabled"
@@ -58,6 +61,7 @@
       <template v-else>
         <v-col cols="12">
           <v-text-field
+            dense
             :value="readonlyFormat()"
             :label="label"
             readonly
diff --git a/ayanova/src/components/date-time-control.vue b/ayanova/src/components/date-time-control.vue
index f3b9a8d3..eddcdc7b 100644
--- a/ayanova/src/components/date-time-control.vue
+++ b/ayanova/src/components/date-time-control.vue
@@ -8,6 +8,7 @@
               <v-dialog v-model="dlgdate" width="300px">
                 <template v-slot:activator="{ on }">
                   <v-text-field
+                    dense
                     prepend-icon="$ayiCalendarAlt"
                     :value="dateValue"
                     :label="label"
@@ -19,6 +20,7 @@
                   ></v-text-field>
                 </template>
                 <v-date-picker
+                  dense
                   :value="dateValue"
                   :locale="languageName"
                   @input="updateDateValue"
@@ -41,6 +43,7 @@
               <v-dialog v-model="dlgtime" width="300px">
                 <template v-slot:activator="{ on }">
                   <v-text-field
+                    dense
                     :value="readonlyTimeFormat()"
                     label
                     prepend-icon="$ayiClock"
@@ -51,6 +54,7 @@
                   ></v-text-field>
                 </template>
                 <v-time-picker
+                  dense
                   scrollable
                   ampm-in-title
                   :format="hour12 ? 'ampm' : '24hr'"
@@ -76,6 +80,7 @@
             <v-col cols="6">
               <v-text-field
                 ref="dateField"
+                dense
                 :value="dateValue"
                 :readonly="readonly"
                 :disabled="disabled"
@@ -90,6 +95,7 @@
             <v-col cols="6">
               <v-text-field
                 ref="timeField"
+                dense
                 :value="timeValue"
                 :readonly="readonly"
                 :disabled="disabled"
@@ -103,6 +109,7 @@
         <template v-else>
           <v-col>
             <v-text-field
+              dense
               :value="readonlyFormat()"
               :label="label"
               readonly
diff --git a/ayanova/src/components/days-of-week-control.vue b/ayanova/src/components/days-of-week-control.vue
index 9ccaa831..06528d50 100644
--- a/ayanova/src/components/days-of-week-control.vue
+++ b/ayanova/src/components/days-of-week-control.vue
@@ -1,5 +1,6 @@
 <template>
   <v-select
+    dense
     :items="daysOfWeek"
     item-text="name"
     item-value="id"
diff --git a/ayanova/src/components/decimal-control.vue b/ayanova/src/components/decimal-control.vue
index d93f729d..555839bd 100644
--- a/ayanova/src/components/decimal-control.vue
+++ b/ayanova/src/components/decimal-control.vue
@@ -8,6 +8,7 @@
         precision: precision,
         allowNegative: true
       }"
+      dense
       :value="currencyValue"
       :readonly="readonly"
       :disabled="disabled"
diff --git a/ayanova/src/components/duration-control.vue b/ayanova/src/components/duration-control.vue
index 6a0fdbcc..481c93e2 100644
--- a/ayanova/src/components/duration-control.vue
+++ b/ayanova/src/components/duration-control.vue
@@ -1,14 +1,17 @@
 <template>
   <div>
-    <span class="v-label theme--light ">
-      {{ label }}
-    </span>
     <template>
-      <v-row class="my-n5">
+      <v-row dense>
+        <v-col
+          ><span class="text-caption">
+            {{ label }}
+          </span></v-col
+        >
         <v-col cols="3">
           <v-text-field
             v-show="showDays"
             ref="daysPicker"
+            dense
             :value="splitSpan.days"
             :readonly="readonly"
             :disabled="disabled"
@@ -22,6 +25,7 @@
         <v-col cols="3">
           <v-text-field
             ref="hoursPicker"
+            dense
             :value="splitSpan.hours"
             :readonly="readonly"
             :disabled="disabled"
@@ -35,6 +39,7 @@
         <v-col cols="3">
           <v-text-field
             ref="minutesPicker"
+            dense
             :value="splitSpan.minutes"
             :readonly="readonly"
             :disabled="disabled"
@@ -49,6 +54,7 @@
           <v-text-field
             v-show="showSeconds"
             ref="secondsPicker"
+            dense
             :value="splitSpan.seconds"
             :readonly="readonly"
             :disabled="disabled"
diff --git a/ayanova/src/components/email-control.vue b/ayanova/src/components/email-control.vue
index db7329d8..9dfbb0d3 100644
--- a/ayanova/src/components/email-control.vue
+++ b/ayanova/src/components/email-control.vue
@@ -1,5 +1,6 @@
 <template>
   <v-text-field
+    dense
     v-bind="$attrs"
     type="email"
     prepend-icon="$ayiAt"
diff --git a/ayanova/src/components/percent-control.vue b/ayanova/src/components/percent-control.vue
index ff5f451d..3a552173 100644
--- a/ayanova/src/components/percent-control.vue
+++ b/ayanova/src/components/percent-control.vue
@@ -1,22 +1,21 @@
 <template>
-  <div>
-    <v-text-field
-      ref="textField"
-      v-currency="{
-        currency: null,
-        locale: languageName,
-        precision: precision
-      }"
-      :value="currencyValue"
-      :readonly="readonly"
-      :disabled="disabled"
-      :label="label"
-      :rules="rules"
-      :error-messages="errorMessages"
-      append-icon="$ayiPercent"
-      @input="updateValue"
-    ></v-text-field>
-  </div>
+  <v-text-field
+    ref="textField"
+    v-currency="{
+      currency: null,
+      locale: languageName,
+      precision: precision
+    }"
+    dense
+    :value="currencyValue"
+    :readonly="readonly"
+    :disabled="disabled"
+    :label="label"
+    :rules="rules"
+    :error-messages="errorMessages"
+    append-icon="$ayiPercent"
+    @input="updateValue"
+  ></v-text-field>
 </template>
 <script>
 //### NOTE: THIS IS A DUPLICATE OF CURRENCYCONTROL AND THE ONLY DIFFERENCE IS THE "currency:" VALUE IS SET TO NULL IN THE TEMPLATE AND IN THE updateValue METHOD
diff --git a/ayanova/src/components/phone-control.vue b/ayanova/src/components/phone-control.vue
index 8a71d34a..f4a260d0 100644
--- a/ayanova/src/components/phone-control.vue
+++ b/ayanova/src/components/phone-control.vue
@@ -1,5 +1,6 @@
 <template>
   <v-text-field
+    dense
     v-bind="$attrs"
     type="tel"
     prepend-icon="$ayiPhoneAlt"
diff --git a/ayanova/src/components/pick-list.vue b/ayanova/src/components/pick-list.vue
index 83bee16c..65f4c0de 100644
--- a/ayanova/src/components/pick-list.vue
+++ b/ayanova/src/components/pick-list.vue
@@ -1,6 +1,7 @@
 <template>
   <div>
     <v-autocomplete
+      dense
       :value="value"
       :readonly="readonly"
       :disabled="disabled"
diff --git a/ayanova/src/components/tag-picker.vue b/ayanova/src/components/tag-picker.vue
index bd0c6f97..1003ca7a 100644
--- a/ayanova/src/components/tag-picker.vue
+++ b/ayanova/src/components/tag-picker.vue
@@ -1,5 +1,6 @@
 <template>
   <v-autocomplete
+    dense
     :value="value"
     :readonly="readonly"
     :items="sourcetags"
diff --git a/ayanova/src/components/url-control.vue b/ayanova/src/components/url-control.vue
index 09f8a4f2..64e5b193 100644
--- a/ayanova/src/components/url-control.vue
+++ b/ayanova/src/components/url-control.vue
@@ -1,5 +1,6 @@
 <template>
   <v-text-field
+    dense
     v-bind="$attrs"
     type="url"
     prepend-icon="$ayiExternalLinkAlt"
diff --git a/ayanova/src/components/work-order-address.vue b/ayanova/src/components/work-order-address.vue
index a3f6692c..e01f54e2 100644
--- a/ayanova/src/components/work-order-address.vue
+++ b/ayanova/src/components/work-order-address.vue
@@ -16,7 +16,7 @@
         <span @click="openDialog = true">{{ displayServiceAddress }}</span>
       </div>
     </template>
-    <v-row justify="center">
+    <v-row dense justify="center">
       <v-dialog v-model="openDialog">
         <v-card>
           <v-card-title>
@@ -80,6 +80,7 @@
                 <v-text-field
                   ref="address"
                   v-model="value.address"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressDeliveryAddress')"
                   data-cy="address"
@@ -98,6 +99,7 @@
                 <v-text-field
                   ref="city"
                   v-model="value.city"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressCity')"
                   data-cy="city"
@@ -116,6 +118,7 @@
                 <v-text-field
                   ref="region"
                   v-model="value.region"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressStateProv')"
                   data-cy="region"
@@ -134,6 +137,7 @@
                 <v-text-field
                   ref="country"
                   v-model="value.country"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressCountry')"
                   data-cy="country"
@@ -231,6 +235,7 @@
                 <v-text-field
                   ref="postAddress"
                   v-model="value.postAddress"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressPostalDeliveryAddress')"
                   data-cy="postAddress"
@@ -249,6 +254,7 @@
                 <v-text-field
                   ref="postCity"
                   v-model="value.postCity"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressPostalCity')"
                   data-cy="postCity"
@@ -267,6 +273,7 @@
                 <v-text-field
                   ref="postRegion"
                   v-model="value.postRegion"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressPostalStateProv')"
                   data-cy="postRegion"
@@ -285,6 +292,7 @@
                 <v-text-field
                   ref="postCountry"
                   v-model="value.postCountry"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressPostalCountry')"
                   data-cy="postCountry"
@@ -303,6 +311,7 @@
                 <v-text-field
                   ref="postCode"
                   v-model="value.postCode"
+                  dense
                   :readonly="readonly"
                   :label="$ay.t('AddressPostalPostal')"
                   data-cy="postCode"
diff --git a/ayanova/src/components/work-order-header.vue b/ayanova/src/components/work-order-header.vue
index b59b6f5c..d4c98018 100644
--- a/ayanova/src/components/work-order-header.vue
+++ b/ayanova/src/components/work-order-header.vue
@@ -11,6 +11,7 @@
         <v-text-field
           ref="serial"
           v-model="value.serial"
+          dense
           :readonly="formState.readOnly"
           :label="$ay.t('WorkOrderSerialNumber')"
           data-cy="serial"
@@ -139,6 +140,7 @@
         <v-textarea
           ref="notes"
           v-model="value.notes"
+          dense
           :readonly="formState.readOnly || value.userIsTechRestricted"
           :label="$ay.t('WorkOrderSummary')"
           :error-messages="form().serverErrors(this, 'notes')"
@@ -240,6 +242,7 @@
         <v-text-field
           ref="invoiceNumber"
           v-model="value.invoiceNumber"
+          dense
           :readonly="formState.readOnly || value.userIsTechRestricted"
           :label="$ay.t('WorkOrderInvoiceNumber')"
           data-cy="invoiceNumber"
@@ -282,6 +285,7 @@
         <v-text-field
           ref="customerContactName"
           v-model="value.customerContactName"
+          dense
           :readonly="
             formState.readOnly ||
               value.userIsTechRestricted ||
@@ -311,6 +315,7 @@
         <v-text-field
           ref="customerReferenceNumber"
           v-model="value.customerReferenceNumber"
+          dense
           :readonly="formState.readOnly || value.userIsTechRestricted"
           :label="$ay.t('WorkOrderCustomerReferenceNumber')"
           data-cy="customerReferenceNumber"
@@ -335,6 +340,7 @@
         <v-text-field
           ref="internalReferenceNumber"
           v-model="value.internalReferenceNumber"
+          dense
           :readonly="formState.readOnly || value.userIsTechRestricted"
           :label="$ay.t('WorkOrderInternalReferenceNumber')"
           data-cy="internalReferenceNumber"
@@ -359,6 +365,7 @@
         <v-checkbox
           ref="onsite"
           v-model="value.onsite"
+          dense
           :readonly="formState.readOnly || value.userIsTechRestricted"
           :label="$ay.t('WorkOrderOnsite')"
           data-cy="onsite"
diff --git a/ayanova/src/views/cust-customer.vue b/ayanova/src/views/cust-customer.vue
index 4cf52e3a..3b8ebc20 100644
--- a/ayanova/src/views/cust-customer.vue
+++ b/ayanova/src/views/cust-customer.vue
@@ -10,11 +10,12 @@
           <v-tab>{{ $ay.t("Contacts") }}</v-tab>
           <v-tabs-items v-model="tab">
             <v-tab-item class="mt-4 ml-2">
-              <v-row dense>
+              <v-row>
                 <v-col cols="12" sm="6" lg="4" xl="3">
                   <v-text-field
                     ref="name"
                     v-model="obj.name"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('CustomerName')"
                     :rules="[form().required(this, 'name')]"
@@ -33,6 +34,7 @@
                   <v-text-field
                     ref="accountNumber"
                     v-model="obj.accountNumber"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('CustomerAccountNumber')"
                     data-cy="accountNumber"
@@ -177,6 +179,7 @@
                   <v-checkbox
                     ref="billHeadOffice"
                     v-model="obj.billHeadOffice"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('CustomerBillHeadOffice')"
                     data-cy="billHeadOffice"
@@ -282,6 +285,7 @@
                   <v-checkbox
                     ref="active"
                     v-model="obj.active"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('Active')"
                     data-cy="active"
@@ -294,6 +298,7 @@
                   <v-textarea
                     ref="notes"
                     v-model="obj.notes"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('CustomerNotes')"
                     :error-messages="form().serverErrors(this, 'notes')"
@@ -307,6 +312,7 @@
                   <v-textarea
                     ref="techNotes"
                     v-model="obj.techNotes"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('CustomerTechNotes')"
                     :error-messages="form().serverErrors(this, 'techNotes')"
@@ -324,6 +330,7 @@
                   <v-textarea
                     ref="alertNotes"
                     v-model="obj.alertNotes"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('CustomerAlertNotes')"
                     :error-messages="form().serverErrors(this, 'alertNotes')"
@@ -383,7 +390,7 @@
               </v-row>
             </v-tab-item>
             <v-tab-item class="mt-4 ml-2">
-              <v-row no-gutters>
+              <v-row>
                 <v-col cols="12">
                   <v-menu v-if="rights.change" offset-y>
                     <template v-slot:activator="{ on, attrs }">
@@ -434,6 +441,7 @@
                   <v-text-field
                     ref="address"
                     v-model="obj.address"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressDeliveryAddress')"
                     data-cy="address"
@@ -452,6 +460,7 @@
                   <v-text-field
                     ref="city"
                     v-model="obj.city"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressCity')"
                     data-cy="city"
@@ -470,6 +479,7 @@
                   <v-text-field
                     ref="region"
                     v-model="obj.region"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressStateProv')"
                     data-cy="region"
@@ -488,6 +498,7 @@
                   <v-text-field
                     ref="country"
                     v-model="obj.country"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressCountry')"
                     data-cy="country"
@@ -579,6 +590,7 @@
                   <v-text-field
                     ref="postAddress"
                     v-model="obj.postAddress"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressPostalDeliveryAddress')"
                     data-cy="postAddress"
@@ -597,6 +609,7 @@
                   <v-text-field
                     ref="postCity"
                     v-model="obj.postCity"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressPostalCity')"
                     data-cy="postCity"
@@ -615,6 +628,7 @@
                   <v-text-field
                     ref="postRegion"
                     v-model="obj.postRegion"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressPostalStateProv')"
                     data-cy="postRegion"
@@ -633,6 +647,7 @@
                   <v-text-field
                     ref="postCountry"
                     v-model="obj.postCountry"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressPostalCountry')"
                     data-cy="postCountry"
@@ -651,6 +666,7 @@
                   <v-text-field
                     ref="postCode"
                     v-model="obj.postCode"
+                    dense
                     :readonly="formState.readOnly"
                     :label="$ay.t('AddressPostalPostal')"
                     data-cy="postCode"
@@ -661,7 +677,7 @@
               </v-row>
             </v-tab-item>
             <v-tab-item class="mt-4 ml-2">
-              <v-row dense>
+              <v-row>
                 <v-col cols="12">
                   <v-data-table
                     v-model="selected"
diff --git a/ayanova/src/views/svc-contract.vue b/ayanova/src/views/svc-contract.vue
index c27ad5a8..a095321b 100644
--- a/ayanova/src/views/svc-contract.vue
+++ b/ayanova/src/views/svc-contract.vue
@@ -4,11 +4,12 @@
     <div v-if="formState.ready">
       <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
       <v-form ref="form">
-        <v-row>
+        <v-row dense>
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-text-field
               ref="name"
               v-model="obj.name"
+              dense
               :readonly="formState.readOnly"
               :label="$ay.t('ContractName')"
               :rules="[form().required(this, 'name')]"
@@ -37,7 +38,7 @@
           </v-col>
 
           <v-col cols="12">
-            <v-row>
+            <v-row dense>
               <v-col>
                 <gz-percent
                   ref="partsOverridePct"
@@ -60,6 +61,7 @@
                 <v-select
                   ref="partsOverrideType"
                   v-model="obj.partsOverrideType"
+                  dense
                   :items="selectLists.overrideTypes"
                   item-text="name"
                   item-value="id"
@@ -74,7 +76,7 @@
                 ></v-select>
               </v-col>
             </v-row>
-            <v-row>
+            <v-row dense>
               <v-col>
                 <gz-percent
                   ref="serviceRatesOverridePct"
@@ -97,6 +99,7 @@
                 <v-select
                   ref="serviceRatesOverrideType"
                   v-model="obj.serviceRatesOverrideType"
+                  dense
                   :items="selectLists.overrideTypes"
                   item-text="name"
                   item-value="id"
@@ -114,7 +117,7 @@
               </v-col>
             </v-row>
 
-            <v-row>
+            <v-row dense>
               <v-col>
                 <gz-percent
                   ref="travelRatesOverridePct"
@@ -137,6 +140,7 @@
                 <v-select
                   ref="travelRatesOverrideType"
                   v-model="obj.travelRatesOverrideType"
+                  dense
                   :items="selectLists.overrideTypes"
                   item-text="name"
                   item-value="id"
@@ -368,6 +372,7 @@
             <v-checkbox
               ref="contractServiceRatesOnly"
               v-model="obj.contractServiceRatesOnly"
+              dense
               :readonly="formState.readOnly"
               :label="$ay.t('ContractServiceRatesOnly')"
               data-cy="contractServiceRatesOnly"
@@ -422,6 +427,7 @@
             <v-checkbox
               ref="contractTravelRatesOnly"
               v-model="obj.contractTravelRatesOnly"
+              dense
               :readonly="formState.readOnly"
               :label="$ay.t('ContractTravelRatesOnly')"
               data-cy="contractTravelRatesOnly"
@@ -474,6 +480,7 @@
             <v-checkbox
               ref="active"
               v-model="obj.active"
+              dense
               :readonly="formState.readOnly"
               :label="$ay.t('Active')"
               data-cy="active"
@@ -485,6 +492,7 @@
             <v-textarea
               ref="alertNotes"
               v-model="obj.alertNotes"
+              dense
               :readonly="formState.readOnly"
               :label="$ay.t('AlertNotes')"
               :error-messages="form().serverErrors(this, 'alertNotes')"
@@ -498,6 +506,7 @@
             <v-textarea
               ref="notes"
               v-model="obj.notes"
+              dense
               :readonly="formState.readOnly"
               :label="$ay.t('ContractNotes')"
               :error-messages="form().serverErrors(this, 'notes')"
@@ -564,13 +573,16 @@
           editContractPartOverrideItemIndex != -1
       "
     >
-      <v-row justify="center">
-        <v-dialog v-model="editContractPartOverrideItemDialog">
+      <v-row dense justify="center">
+        <v-dialog
+          v-model="editContractPartOverrideItemDialog"
+          max-width="800px"
+        >
           <v-card>
             <v-card-title> </v-card-title>
             <v-card-text>
-              <v-row>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+              <v-row dense>
+                <v-col>
                   <gz-percent
                     ref="ContractPartOverrideItems.OverridePct"
                     v-model="
@@ -603,8 +615,7 @@
                       )
                     "
                   ></gz-percent>
-                </v-col>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+
                   <v-select
                     ref="ContractPartOverrideItems.OverrideType"
                     v-model="
@@ -612,6 +623,7 @@
                         editContractPartOverrideItemIndex
                       ].overrideType
                     "
+                    dense
                     :items="selectLists.overrideTypes"
                     item-text="name"
                     item-value="id"
@@ -636,9 +648,7 @@
                       )
                     "
                   ></v-select>
-                </v-col>
 
-                <v-col cols="12" sm="6" lg="4" xl="3">
                   <gz-tag-picker
                     ref="ContractPartOverrideItems.Tags"
                     v-model="
@@ -694,7 +704,7 @@
               </template>
               <template v-else>
                 <!-- MOBILE FORMAT -->
-                <v-row>
+                <v-row dense>
                   <v-btn
                     class="mt-4"
                     block
@@ -737,13 +747,16 @@
           editContractServiceRateOverrideItemIndex != -1
       "
     >
-      <v-row justify="center">
-        <v-dialog v-model="editContractServiceRateOverrideItemDialog">
+      <v-row dense justify="center">
+        <v-dialog
+          v-model="editContractServiceRateOverrideItemDialog"
+          max-width="800px"
+        >
           <v-card>
             <v-card-title> </v-card-title>
             <v-card-text>
               <v-row>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+                <v-col>
                   <gz-percent
                     ref="ContractServiceRateOverrideItems.OverridePct"
                     v-model="
@@ -776,8 +789,7 @@
                       )
                     "
                   ></gz-percent>
-                </v-col>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+
                   <v-select
                     ref="ContractServiceRateOverrideItems.OverrideType"
                     v-model="
@@ -785,6 +797,7 @@
                         editContractServiceRateOverrideItemIndex
                       ].overrideType
                     "
+                    dense
                     :items="selectLists.overrideTypes"
                     item-text="name"
                     item-value="id"
@@ -809,9 +822,7 @@
                       )
                     "
                   ></v-select>
-                </v-col>
 
-                <v-col cols="12" sm="6" lg="4" xl="3">
                   <gz-tag-picker
                     ref="ContractServiceRateOverrideItems.Tags"
                     v-model="
@@ -870,7 +881,7 @@
               </template>
               <template v-else>
                 <!-- MOBILE FORMAT -->
-                <v-row>
+                <v-row dense>
                   <v-btn
                     class="mt-4"
                     block
@@ -913,13 +924,16 @@
           editContractTravelRateOverrideItemIndex != -1
       "
     >
-      <v-row justify="center">
-        <v-dialog v-model="editContractTravelRateOverrideItemDialog">
+      <v-row dense justify="center">
+        <v-dialog
+          v-model="editContractTravelRateOverrideItemDialog"
+          max-width="800px"
+        >
           <v-card>
             <v-card-title> </v-card-title>
             <v-card-text>
               <v-row>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+                <v-col>
                   <gz-percent
                     ref="ContractTravelRateOverrideItems.OverridePct"
                     v-model="
@@ -952,8 +966,7 @@
                       )
                     "
                   ></gz-percent>
-                </v-col>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+
                   <v-select
                     ref="ContractTravelRateOverrideItems.OverrideType"
                     v-model="
@@ -961,6 +974,7 @@
                         editContractTravelRateOverrideItemIndex
                       ].overrideType
                     "
+                    dense
                     :items="selectLists.overrideTypes"
                     item-text="name"
                     item-value="id"
@@ -985,9 +999,7 @@
                       )
                     "
                   ></v-select>
-                </v-col>
 
-                <v-col cols="12" sm="6" lg="4" xl="3">
                   <gz-tag-picker
                     ref="ContractTravelRateOverrideItems.Tags"
                     v-model="
@@ -1046,7 +1058,7 @@
               </template>
               <template v-else>
                 <!-- MOBILE FORMAT -->
-                <v-row>
+                <v-row dense>
                   <v-btn
                     class="mt-4"
                     block
@@ -1086,13 +1098,13 @@
     <template
       v-if="obj.serviceRateItems.length && editServiceRateItemIndex != -1"
     >
-      <v-row justify="center">
-        <v-dialog v-model="editServiceRateItemDialog">
+      <v-row dense justify="center">
+        <v-dialog v-model="editServiceRateItemDialog" max-width="800px">
           <v-card>
             <v-card-title> </v-card-title>
             <v-card-text>
               <v-row>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+                <v-col>
                   <gz-pick-list
                     ref="userid"
                     v-model="
@@ -1161,7 +1173,7 @@
               </template>
               <template v-else>
                 <!-- MOBILE FORMAT -->
-                <v-row>
+                <v-row dense>
                   <v-btn
                     class="mt-4"
                     block
@@ -1201,13 +1213,13 @@
     <template
       v-if="obj.travelRateItems.length && editTravelRateItemIndex != -1"
     >
-      <v-row justify="center">
-        <v-dialog v-model="editTravelRateItemDialog">
+      <v-row dense justify="center">
+        <v-dialog v-model="editTravelRateItemDialog" max-width="800px">
           <v-card>
             <v-card-title> </v-card-title>
             <v-card-text>
               <v-row>
-                <v-col cols="12" sm="6" lg="4" xl="3">
+                <v-col>
                   <gz-pick-list
                     ref="userid"
                     v-model="
@@ -1271,7 +1283,7 @@
               </template>
               <template v-else>
                 <!-- MOBILE FORMAT -->
-                <v-row>
+                <v-row dense>
                   <v-btn
                     class="mt-4"
                     block