From 05c1aba958d3e4abe1c9fdd8bc01b738fe7ee8bf Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Mon, 21 Jun 2021 23:54:21 +0000
Subject: [PATCH]

---
 .../src/components/work-order-signature.vue   | 27 ++++++++++++++-----
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/ayanova/src/components/work-order-signature.vue b/ayanova/src/components/work-order-signature.vue
index 310a13d0..26f0f058 100644
--- a/ayanova/src/components/work-order-signature.vue
+++ b/ayanova/src/components/work-order-signature.vue
@@ -27,23 +27,38 @@
       >
         <v-card>
           <v-card-title>
-            <span class="text-h5" v-if="variant == 'customer'">{{
+            <span class="text-h4" v-if="variant == 'customer'">{{
               $ay.t("CustomerSignature")
             }}</span>
-            <span class="text-h5" v-else>{{ $ay.t("TechSignature") }}</span>
+            <span class="subtitle-4" v-else>{{ $ay.t("TechSignature") }}</span>
           </v-card-title>
           <v-card-text>
-            <span class="text-h6" v-if="variant == 'customer'"
-              >{{ $ay.t("WorkOrder") }}&nbsp;{{ this.value.serial }}</span
-            >
+            <div class="mb-5">
+              <span class="text-h5"
+                >{{ $ay.t("WorkOrder") }}&nbsp;{{ this.value.serial }}</span
+              >
+            </div>
+            <div>
+              <span class="text-h6">Signature title here</span>
+            </div>
+            <div class="mb-5">
+              <span class="subtitle-1"
+                >Signature header here with a lot of text that might span a long
+                ways</span
+              >
+            </div>
+
             <vueSignature
               ref="sigCtrl"
               :sig-option="sigOption"
               :disabled="disabled || imgUrl != null"
               :default-url="imgUrl"
             ></vueSignature>
+            {{ sigDateLocalized }}
+            <div class="my-5">
+              <span class="subtitle-2">Signature footer here</span>
+            </div>
             <template>
-              {{ sigDateLocalized }}
               <div class="mt-8">
                 <v-text-field
                   v-model="tempName"