From 92fc782ca5dbc8cac9343e1924b2a74d7bc1799e Mon Sep 17 00:00:00 2001
From: Paul Wilde <paul@paulwilde.uk>
Date: Fri, 17 Mar 2023 16:12:47 +0000
Subject: [PATCH] better buttons on contracts

---
 src/views/contracts/ContractList.vue | 98 +++++++++++++---------------
 1 file changed, 47 insertions(+), 51 deletions(-)

diff --git a/src/views/contracts/ContractList.vue b/src/views/contracts/ContractList.vue
index ddeee8b..55da30b 100644
--- a/src/views/contracts/ContractList.vue
+++ b/src/views/contracts/ContractList.vue
@@ -58,64 +58,60 @@
                                              = {{ formatNumber(item.tonnage_per_month * item.remaining_duration,2) }} remaining<br/>
                                          </v-col>
                                          <v-col>
-                                             <v-row>
-                                                 <v-col cols="12">
-                                                     <v-btn  color="info">
-                                                         More
-                                                         <v-overlay activator="parent" class="align-center justify-center">
-                                                             <v-card title="Info" width="600">
-                                                                 <v-card-subtitle>Comments</v-card-subtitle>
-                                                                 <v-card-text>{{ item.comments}} </v-card-text>
-                                                                 <v-card-subtitle>Office</v-card-subtitle>
-                                                                 <v-card-text>{{ item.office_comments}}</v-card-text>
-                                                                 <v-card-subtitle>Agreed</v-card-subtitle>
-                                                                 <v-card-text>{{ formatDate(item.agree_date,"DD/MM/YYYY") }}</v-card-text>
-                                                                 <v-card-subtitle>Products</v-card-subtitle>
-                                                                 <v-card-text>
-                                                                     <template v-for="p in item.products" :key="p.code">
-                                                                         <span v-if="p.code != ''">
-                                                                             {{ p.code }} - {{ p.name }} @ {{ p.price }}<br/>
-                                                                         </span>
-                                                                     </template>
-                                                                 </v-card-text>
-                                                                 <v-card-actions>
+                                             <div class="d-flex justify-space-around align-center flex-column flex-sm-row fill-height">
+                                                 <v-btn  color="info">
+                                                     More
+                                                     <v-overlay activator="parent" class="align-center justify-center">
+                                                         <v-card title="Info" width="600">
+                                                             <v-card-subtitle>Comments</v-card-subtitle>
+                                                             <v-card-text>{{ item.comments}} </v-card-text>
+                                                             <v-card-subtitle>Office</v-card-subtitle>
+                                                             <v-card-text>{{ item.office_comments}}</v-card-text>
+                                                             <v-card-subtitle>Agreed</v-card-subtitle>
+                                                             <v-card-text>{{ formatDate(item.agree_date,"DD/MM/YYYY") }}</v-card-text>
+                                                             <v-card-subtitle>Products</v-card-subtitle>
+                                                             <v-card-text>
+                                                                 <template v-for="p in item.products" :key="p.code">
+                                                                     <span v-if="p.code != ''">
+                                                                         {{ p.code }} - {{ p.name }} @ {{ p.price }}<br/>
+                                                                     </span>
+                                                                 </template>
+                                                             </v-card-text>
+                                                             <v-card-actions>
+                                                                 <v-btn  color="info"
+                                                                         target="blank"
+                                                                         @click="getContractPrint(item.no)"
+                                                                         class="ma-2 pa-2"
+                                                                         :loading="item.multiloading"
+                                                                         >
+                                                                         Multi
+                                                                 </v-btn>
+
                                                                      <v-btn  color="info"
                                                                              target="blank"
-                                                                             @click="getContractPrint(item.no)"
+                                                                             @click="getContractPrint(item.no,true)"
+                                                                             :loading="item.totalloading"
                                                                              class="ma-2 pa-2"
-                                                                             :loading="item.multiloading"
                                                                              >
-                                                                             Multi
+                                                                             Total
                                                                      </v-btn>
-
-                                                                         <v-btn  color="info"
-                                                                                 target="blank"
-                                                                                 @click="getContractPrint(item.no,true)"
-                                                                                 :loading="item.totalloading"
-                                                                                 class="ma-2 pa-2"
+                                                                         <v-btn  color="warning"
+                                                                                 v-if="site_info.features.editcontract"
+                                                                                 @click="showEditContract(item)"
                                                                                  >
-                                                                                 Total
+                                                                                 Edit
                                                                          </v-btn>
-                                                                             <v-btn  color="warning"
-                                                                                     v-if="site_info.features.editcontract"
-                                                                                     @click="showEditContract(item)"
-                                                                                     >
-                                                                                     Edit
-                                                                             </v-btn>
-                                                                 </v-card-actions>
-                                                             </v-card>
-                                                         </v-overlay>
-                                                     </v-btn>
-                                                 </v-col>
-                                                 <v-col cols="12">
-                                                     <v-btn  color="warning"
-                                                             v-if="site_info.features.editcontract"
-                                                             @click="showEditContract(item)"
-                                                             >
-                                                             Edit
-                                                     </v-btn>
-                                                 </v-col>
-                                             </v-row>
+                                                             </v-card-actions>
+                                                         </v-card>
+                                                     </v-overlay>
+                                                 </v-btn>
+                                                 <v-btn  color="warning"
+                                                         v-if="site_info.features.editcontract"
+                                                         @click="showEditContract(item)"
+                                                         >
+                                                         Edit
+                                                 </v-btn>
+                                             </div>
                                          </v-col>
                                      </v-row>
                     </RecycleScroller>