added additional firm details printed on invoice

3 files changed, 6 insertions, 4 deletions

diff --git a/src/components/InvoiceHeaderEditor.vue b/src/components/InvoiceHeaderEditor.vue
index 6fe8a25..d0bf81e 100644
--- a/src/components/InvoiceHeaderEditor.vue
+++ b/src/components/InvoiceHeaderEditor.vue
@@ -95,6 +95,7 @@ const submit = async (e: Event) => {
       "issuerfirmphone": u.Phone,
       "issuerfirmemail": u.Email,
       "issuerfirmwebsite": u.Website,
+      "issuerfirmdetails": u.Details,
     })
 
     route.push({ name: "edit-invoice", params: { id: res.data.data.ID }})
diff --git a/src/components/PrintPreview.vue b/src/components/PrintPreview.vue
index 1e98eb7..b733310 100644
--- a/src/components/PrintPreview.vue
+++ b/src/components/PrintPreview.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-  import { ref, toRaw, onMounted } from "vue"
-
   import PrintPreviewHeader from './PrintPreviewHeader.vue'
   import PrintPreviewRecipientDetails from './PrintPreviewRecipientDetails.vue'
   import PrintPreviewItemsList from './PrintPreviewItemsList.vue'
@@ -31,7 +29,7 @@
 }
 .print-preview {
   display: grid;
-  grid-template-rows: 1fr 2fr auto 1.5fr;
+  grid-template-rows: 1fr 1.5fr auto 1.5fr;
   row-gap: 1em;
 }
 </style>
diff --git a/src/components/PrintPreviewHeader.vue b/src/components/PrintPreviewHeader.vue
index 4492eb5..9e89c84 100644
--- a/src/components/PrintPreviewHeader.vue
+++ b/src/components/PrintPreviewHeader.vue
@@ -15,6 +15,9 @@
       <div class="firm-address">
         {{ props.invoice.IssuerFirmAddress }}
       </div>
+      <div class="firm-details">
+        {{ props.invoice.IssuerFirmDetails }}
+      </div>
     </div>
 
     <div class="header-col3"> 
@@ -68,7 +71,7 @@
   font-size: 1.6em;
   font-weight: bold;
 }
-.firm-address {
+.firm-address, .firm-details {
   font-size: 0.9em;
   line-height: 1.2em;
   white-space: pre-wrap;