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"