Add more space to search field and compress button spacing.

Author: luthian

src/components/billingRecord/IFXBillingRecordListDecimal.vue

@@ -833,14 +833,14 @@ export default {
               {{ facility.name }}
             </div>
           </v-col>
-          <v-col cols="3">
+          <v-col class="flex-grow-2">
             <v-row dense>
               <v-col>
                 <IFXSearchField :search.sync="search" />
               </v-col>
             </v-row>
           </v-col>
-          <v-col cols="4">
+          <v-col>
             <v-row dense class="d-flex flex-nowrap justify-end align-start">
               <v-col v-if="updating">
                 <v-progress-circular indeterminate color="primary"></v-progress-circular>
@@ -916,7 +916,7 @@ export default {
                                   </v-row>
                                   <v-row no-gutters>
                                     <v-col cols="12">
-                                      <div class="text-divider font-italic text-center">
+                                      <div class="text-divider font-italic text-center mt-2">
                                         Or specify email addresses directly
                                       </div>
                                       <IFXContactablesCombobox
@@ -1398,6 +1398,12 @@ export default {
 .border-bottom {
   border-bottom: 1px solid #ccc;
 }
+.flex-grow-2 {
+  flex-grow: 2;
+}
+.search-field {
+  width: 100%;
+}
 </style>
 <style>
 #data-table .v-data-table__expand-icon--active {