diff --git a/resources/js/show/views/Cycle/ShowCycle.vue b/resources/js/show/views/Cycle/ShowCycle.vue
index 1ed04213..0c329b57 100644
--- a/resources/js/show/views/Cycle/ShowCycle.vue
+++ b/resources/js/show/views/Cycle/ShowCycle.vue
@@ -50,14 +50,12 @@
                     <v-flex xs12>
                         <hr class="v-divider theme--light">
                     </v-flex>
-                    <v-layout row wrap class="ml-4">
+                    <v-layout row wrap class="ml-4 align-center mt-2">
                         <v-flex xs12 md6 sm6 v-if="barcodeimg">
-                            <img :src="barcodeimg" class="WM-Width-350"><br />
-                            <span>Cycle ID : {{data.id}}</span>
+                            <img :src="barcodeimg" class="barcode-container"><br/>
+                            <span class="CSSD-font">Cycle ID : {{ data.id }}</span>
                         </v-flex>
-                    </v-layout>
-                    <v-layout row wrap class="ml-4">
-                        <v-flex xs12 md6 sm6 v-if="QRCodeimg">
+                        <v-flex xs12 md6 sm6 v-if="QRCodeimg" class="WM-Align-C">
                             <img :src="QRCodeimg" class="WM-Width-150">
                         </v-flex>
                     </v-layout>
@@ -209,3 +207,9 @@ export default {
     },
 };
 </script>
+<style scoped lang="scss">
+.barcode-container {
+    width: 100%;
+    max-width: 350px;
+}
+</style>
diff --git a/resources/js/show/views/Item/ShowItem.vue b/resources/js/show/views/Item/ShowItem.vue
index d4318662..d65168ea 100644
--- a/resources/js/show/views/Item/ShowItem.vue
+++ b/resources/js/show/views/Item/ShowItem.vue
@@ -62,14 +62,12 @@
                     <v-flex xs12>
                         <hr class="v-divider theme--light">
                     </v-flex>
-                    <v-layout row wrap class="ml-4">
+                    <v-layout row wrap class="ml-4 align-center mt-2">
                         <v-flex xs12 md6 sm6 v-if="barcodeimg">
-                            <img :src="barcodeimg" class="WM-Width-350"><br/>
+                            <img :src="barcodeimg" class="barcode-container"><br/>
                             <span class="CSSD-font">Item ID : {{ data.id }}</span>
                         </v-flex>
-                    </v-layout>
-                    <v-layout row wrap class="ml-4">
-                        <v-flex xs12 md6 sm6 v-if="QRCodeimg">
+                        <v-flex xs12 md6 sm6 v-if="QRCodeimg" class="WM-Align-C">
                             <img :src="QRCodeimg" class="WM-Width-150">
                         </v-flex>
                     </v-layout>
@@ -113,7 +111,7 @@ export default {
                 const result = await axios.get(urls.showItem(id));
                 if (result.status == 200) {
                     this.data = result.data.data;
-                    if(this.data){
+                    if (this.data) {
                         this.generateBarcode(this.data.id);
                         this.MedicalCenter = this.data.user.medical_center.name;
                     }
@@ -180,3 +178,10 @@ export default {
     // }
 };
 </script>
+
+<style scoped lang="scss">
+.barcode-container {
+    width: 100%;
+    max-width: 350px;
+}
+</style>
diff --git a/resources/js/show/views/Label/ShowLabel.vue b/resources/js/show/views/Label/ShowLabel.vue
index 935720d8..cd978049 100644
--- a/resources/js/show/views/Label/ShowLabel.vue
+++ b/resources/js/show/views/Label/ShowLabel.vue
@@ -1,195 +1,204 @@
-
-
 <template>
-  <v-container grid-list-xs>
-    <material-card color="black" title="Show Label">
-      <v-layout  align-left justify-left wrap class="px-2 my-3">
-        <h3 class="ml-3">Label</h3>
-        <v-flex xs12>
-          <hr class="v-divider theme--light">
-        </v-flex>
-        <v-layout id="printMe">
-          <v-flex xs12 md12 sm12>
-            <!-- ________ row1::Begin ________ -->
-            <v-layout row wrap>
-              <!-- ________ Column1::Begin ________ -->
-              <v-flex xs6 md6 sm6>
-                <v-layout row wrap class="ml-4">
-                  <v-flex xs12 md12 sm12>
-                    <div class="WM-d-flex">
-                      <span class="headline ml-1 mb-1" style="letter-spacing:0 !important">{{ MedicalCenter }}</span>
-                    </div>
-                  </v-flex>
-                  <v-flex xs12 md12 sm12 class="">
-                    <div class="WM-d-flex">
-                      <v-icon class="WMi-location"></v-icon>
-                      <span class="headline ml-1 mb-1" style="letter-spacing:0 !important" v-if="dataLoaded">{{data.package.name}}</span>
-                    </div>
-                  </v-flex>
-                  <v-flex xs12 md12 sm12>
-                    <div class="WM-d-flex">
-                      <v-icon class="WMi-Industry"></v-icon>
-                      <span class="headline ml-2 mb-1" style="letter-spacing:0 !important">{{ data.sterile_date }}</span>
-                    </div>
-                  </v-flex>
-                  <v-flex xs12 md12 sm12>
-                    <div class="WM-d-flex">
-                      <v-icon class="WMi-hourglass"></v-icon>
-                      <span class="headline ml-2 mb-1" style="letter-spacing:0 !important">{{ data.expire_date }}</span>
-                    </div>
-                  </v-flex>
-                  <v-flex xs12 md12 sm12>
-                    <div class="WM-d-flex">
-                      <v-icon class="WMi-user"></v-icon>
-                      <span class="headline ml-2 mb-1" style="letter-spacing:0 !important">{{ data.user ? data.user.name : '' }}</span>
-                    </div>
-                  </v-flex>
-                </v-layout>
-              </v-flex>
-              <!-- ________ Column1::End ________ -->
-              <!-- ________ Column2::Begin ________ -->
-              <v-flex xs6 md6 sm6>
-                <v-layout row wrap class="">
-                  <v-flex xs12 md12 sm12>
-                    <div>
-                      <v-flex xs6 md6 sm6 v-if="QRCodeimg">
-                        <a :href="'/Show/Package/'+data.package.id+''" target="_blank"><img :src="QRCodeimg" class="WM-Width-120"></a>
-                      </v-flex>
-                    </div>
-                  </v-flex>
-                  <v-flex xs12 md12 sm12>
-                    <div class>
-                      <span class="title">Sterilizer ID :</span>
-                      <span class="headline ml-1 mb-1" style="letter-spacing:0 !important">{{ data.sterilizer_id}}</span>
-                    </div>
-                  </v-flex>
-                  <v-flex xs12 md12 sm12>
-                    <div class>
-                      <span class="title">Cycle No :</span>
-                      <span class="headline ml-2 mb-1" style="letter-spacing:0 !important">{{ data.cycle_number }}</span>
-                    </div>
-                  </v-flex>
-                </v-layout>
-              </v-flex>
-              <!-- ________ Column2::End ________ -->
-            </v-layout>
-            <!-- ________ row1::Begin ________ -->
+    <v-container grid-list-xs>
+        <material-card color="black" title="Show Label">
+            <v-layout align-left justify-left wrap class="px-2 my-3">
+                <h3 class="ml-3">Label</h3>
+                <v-flex xs12>
+                    <hr class="v-divider theme--light">
+                </v-flex>
+                <v-layout id="printMe">
+                    <v-flex xs12 md12 sm12>
+                        <!-- ________ row1::Begin ________ -->
+                        <v-layout row wrap>
+                            <!-- ________ Column1::Begin ________ -->
+                            <v-flex xs6 md6 sm6>
+                                <v-layout row wrap class="ml-4">
+                                    <v-flex xs12 md12 sm12>
+                                        <div class="WM-d-flex">
+                                            <span class="headline ml-1 mb-1"
+                                                  style="letter-spacing:0 !important">{{ MedicalCenter }}</span>
+                                        </div>
+                                    </v-flex>
+                                    <v-flex xs12 md12 sm12 class="">
+                                        <div class="WM-d-flex">
+                                            <v-icon class="WMi-location"></v-icon>
+                                            <span class="headline ml-1 mb-1" style="letter-spacing:0 !important"
+                                                  v-if="dataLoaded">{{ data.package.name }}</span>
+                                        </div>
+                                    </v-flex>
+                                    <v-flex xs12 md12 sm12>
+                                        <div class="WM-d-flex">
+                                            <v-icon class="WMi-Industry"></v-icon>
+                                            <span class="headline ml-2 mb-1"
+                                                  style="letter-spacing:0 !important">{{ data.sterile_date }}</span>
+                                        </div>
+                                    </v-flex>
+                                    <v-flex xs12 md12 sm12>
+                                        <div class="WM-d-flex">
+                                            <v-icon class="WMi-hourglass"></v-icon>
+                                            <span class="headline ml-2 mb-1"
+                                                  style="letter-spacing:0 !important">{{ data.expire_date }}</span>
+                                        </div>
+                                    </v-flex>
+                                    <v-flex xs12 md12 sm12>
+                                        <div class="WM-d-flex">
+                                            <v-icon class="WMi-user"></v-icon>
+                                            <span class="headline ml-2 mb-1" style="letter-spacing:0 !important">{{
+                                                    data.user ? data.user.name : ''
+                                                }}</span>
+                                        </div>
+                                    </v-flex>
+                                </v-layout>
+                            </v-flex>
+                            <!-- ________ Column1::End ________ -->
+                            <!-- ________ Column2::Begin ________ -->
+                            <v-flex xs6 md6 sm6>
+                                <v-layout row wrap class="">
+                                    <v-flex xs12 md12 sm12>
+                                        <div>
+                                            <v-flex xs6 md6 sm6 v-if="QRCodeimg">
+                                                <a :href="'/Show/Package/'+data.package.id+''" target="_blank"><img
+                                                    :src="QRCodeimg" class="WM-Width-120"></a>
+                                            </v-flex>
+                                        </div>
+                                    </v-flex>
+                                    <v-flex xs12 md12 sm12>
+                                        <div class>
+                                            <span class="title">Sterilizer ID :</span>
+                                            <span class="headline ml-1 mb-1"
+                                                  style="letter-spacing:0 !important">{{ data.sterilizer_id }}</span>
+                                        </div>
+                                    </v-flex>
+                                    <v-flex xs12 md12 sm12>
+                                        <div class>
+                                            <span class="title">Cycle No :</span>
+                                            <span class="headline ml-2 mb-1"
+                                                  style="letter-spacing:0 !important">{{ data.cycle_number }}</span>
+                                        </div>
+                                    </v-flex>
+                                </v-layout>
+                            </v-flex>
+                            <!-- ________ Column2::End ________ -->
+                        </v-layout>
+                        <!-- ________ row1::Begin ________ -->
 
 
-            <!-- ________ row2::Begin ________ -->
-            <v-layout row wrap>
-              <v-flex xs12 md12 sm12>
-                <div class="mt-4" style="text-align:center">
-                  <v-layout row wrap>
-                    <v-flex xs6 md12 sm12 v-if="barcodeimg">
-                      <img :src="barcodeimg" class="WM-Width-350"><br />
-                      <span>{{data.id}}</span>
+                        <!-- ________ row2::Begin ________ -->
+                        <v-layout row wrap>
+                            <v-flex xs12 md12 sm12>
+                                <div class="mt-4" style="text-align:center">
+                                    <v-layout row wrap>
+                                        <v-flex xs6 md12 sm12 v-if="barcodeimg">
+                                            <img :src="barcodeimg" class="barcode-container"><br/>
+                                            <span>{{ data.id }}</span>
+                                        </v-flex>
+                                    </v-layout>
+                                </div>
+                            </v-flex>
+                        </v-layout>
+                        <!-- ________ row2::End ________ -->
                     </v-flex>
-                  </v-layout>
-                </div>
-              </v-flex>
+                </v-layout>
+            </v-layout>
+            <v-layout align-left justify-left wrap class="px-2 my-3" v-if="dataLoaded">
+                <h3 class="ml-3">Package</h3>
+                <v-flex xs12>
+                    <hr class="v-divider theme--light">
+                </v-flex>
+                <v-layout row wrap class="mx-3">
+                    <template>
+                        <v-expansion-panel class="WM-Panel">
+                            <v-expansion-panel-content>
+                                <template v-slot:header>
+                                    <div>{{ data.package.name }}</div>
+                                </template>
+                                <v-card>
+                                    <v-card-text>note : {{ data.package.note }}</v-card-text>
+                                    <v-card-text> Items :
+                                        <v-expansion-panel class="WM-Panel" v-for="item in data.package.items"
+                                                           :key="item.key">
+                                            <v-expansion-panel-content>
+                                                <template v-slot:header>
+                                                    <div>
+                                                        {{ item.name }}
+                                                        <span v-if="item.pivot">
+                                                            ({{item.pivot.count}})
+                                                        </span>
+                                                    </div>
+                                                </template>
+                                                <v-card>
+                                                    <v-card-text>note : {{ item.note }}</v-card-text>
+                                                </v-card>
+                                            </v-expansion-panel-content>
+                                        </v-expansion-panel>
+                                    </v-card-text>
+                                </v-card>
+                            </v-expansion-panel-content>
+                        </v-expansion-panel>
+                    </template>
+                </v-layout>
+            </v-layout>
+            <v-layout row wrap align-center justify-center style="text-align:center">
+                <v-flex class xs12 md12 sm12>
+                    <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="goToAddLabel()">
+                        <v-icon class="black--text">keyboard_arrow_left</v-icon>
+                        <span class="black--text">Back</span>
+                    </v-btn>
+                    <v-btn class="WM-CyanBlueGradient-BG" @click="print" style="padding:10px 60px">
+                        <v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
+                        <span class="white--text">Print</span>
+                    </v-btn>
+                    <v-btn color="orange" class="mr-2" style="padding:10px 60px" @click="editLabel(data.id)">
+                        <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
+                        <span>Edit</span>
+                    </v-btn>
+                </v-flex>
             </v-layout>
-            <!-- ________ row2::End ________ -->
-          </v-flex>
-        </v-layout>
-      </v-layout>
-      <v-layout align-left justify-left wrap class="px-2 my-3" v-if="dataLoaded">
-        <h3 class="ml-3">Package</h3>
-        <v-flex xs12>
-          <hr class="v-divider theme--light">
-        </v-flex>
-        <v-layout row wrap class="mx-3">
-          <template>
-            <v-expansion-panel class="WM-Panel">
-              <v-expansion-panel-content>
-                <template v-slot:header>
-                  <div>{{ data.package.name }}</div>
-                </template>
-                <v-card>
-                  <v-card-text>note : {{ data.package.note }}</v-card-text>
-                  <v-card-text> Items :
-                    <v-expansion-panel class="WM-Panel" v-for="item in data.package.items" :key="item.key">
-                      <v-expansion-panel-content>
-                        <template v-slot:header>
-                          <div>{{ item.name }} <span v-if="item.pivot">({{ item.pivot.count }})</span></div>
-                        </template>
-                        <v-card>
-                          <v-card-text>note : {{ item.note }}</v-card-text>
-                        </v-card>
-                      </v-expansion-panel-content>
-                    </v-expansion-panel>
-                  </v-card-text>
-                </v-card>
-              </v-expansion-panel-content>
-            </v-expansion-panel>
-          </template>
-        </v-layout>
-      </v-layout>
-      <v-layout row wrap align-center justify-center style="text-align:center">
-          <v-flex class xs12 md12 sm12 >
-              <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Black" @click="addLabel()">
-                  <v-icon class="black--text">keyboard_arrow_left</v-icon>
-                  <span class="black--text">Back</span>
-              </v-btn>
-              <v-btn class="WM-CyanBlueGradient-BG" @click="print"  style="padding:10px 60px">
-                  <v-icon class="white--text mr-2 caption">fas fa-print</v-icon>
-                  <span class="white--text">Print</span>
-              </v-btn>
-              <v-btn color="orange" class="mr-2" style="padding:10px 60px" @click="editLabel(data.id)">
-                  <v-icon class="white--text mr-1 caption">fas fa-pen</v-icon>
-                  <span>Edit</span>
-              </v-btn>
-          </v-flex>
-      </v-layout>
 
-    </material-card>
-  </v-container>
+        </material-card>
+    </v-container>
 </template>
 
-<style media="screen">
-    .WM-d-flex{
-        display: flex;
-    }
-</style>
 <script>
 import axios from "axios";
-import { urls } from "@show/config/urls";
+import {urls} from "@show/config/urls";
+
 export default {
     data: () => ({
-        data : {},
-        QRCodeimg : '',
-        barcodeimg : '',
-        MedicalCenter : '',
-        dataLoaded : false
+        data: {},
+        QRCodeimg: '',
+        barcodeimg: '',
+        MedicalCenter: '',
+        dataLoaded: false
     }),
     methods: {
         async load(id) {
-			const result = await axios.get(urls.showLabel(id));
+            const result = await axios.get(urls.showLabel(id));
 
-			if (result.status == 200) {
-				this.data = result.data.data;
+            if (result.status == 200) {
+                this.data = result.data.data;
                 this.generateBarcode(this.data.id);
                 this.generateQRcodePackage(this.data.package.id);
                 this.MedicalCenter = this.data.user.medical_center.name;
                 this.dataLoaded = true;
-			}
-		},
+            }
+        },
         async generateQRcodePackage(packageId) {
             const result = await axios.post(urls.packageQRCode(packageId));
             if (result && result.status == 200) {
-                this.QRCodeimg  = result.data.data.QRCode ? result.data.data.QRCode : null;
+                this.QRCodeimg = result.data.data.QRCode ? result.data.data.QRCode : null;
             }
         },
         async generateBarcode(labelId) {
             const result = await axios.post(urls.Barcode(labelId, 'Label'));
             if (result && result.status == 200) {
-                this.barcodeimg  = result.data.data.Barcode ? result.data.data.Barcode : null;
+                this.barcodeimg = result.data.data.Barcode ? result.data.data.Barcode : null;
             }
         },
-        editLabel(LabelId){
-            window.location.href = '/label/'+LabelId+'/edit';
+        editLabel(LabelId) {
+            window.location.href = '/label/' + LabelId + '/edit';
         },
-        addLabel(LabelId){
+        goToAddLabel(LabelId) {
             window.location.href = '/add-label';
         },
         print() {
@@ -228,9 +237,21 @@ export default {
     },
     created() {
         if (this.$route.params.label) {
-			this.load(this.$route.params.label);
-		}
+            this.load(this.$route.params.label);
+        }
     },
 
 };
 </script>
+
+<style media="screen">
+.WM-d-flex {
+    display: flex;
+}
+</style>
+<style scoped lang="scss">
+.barcode-container {
+    width: 100%;
+    max-width: 350px;
+}
+</style>
diff --git a/resources/js/show/views/Package/ShowPackage.vue b/resources/js/show/views/Package/ShowPackage.vue
index b036af27..87d9e147 100644
--- a/resources/js/show/views/Package/ShowPackage.vue
+++ b/resources/js/show/views/Package/ShowPackage.vue
@@ -44,14 +44,12 @@
                     <v-flex xs12>
                         <hr class="v-divider theme--light">
                     </v-flex>
-                    <v-layout row wrap class="ml-4">
+                    <v-layout row wrap class="ml-4 align-center mt-2">
                         <v-flex xs12 md6 sm6 v-if="barcodeimg">
-                            <img :src="barcodeimg" class="WM-Width-350"><br/>
+                            <img :src="barcodeimg" class="barcode-container"><br/>
                             <span class="CSSD-font">Package ID : {{ data.id }}</span>
                         </v-flex>
-                    </v-layout>
-                    <v-layout row wrap class="ml-4">
-                        <v-flex xs12 md6 sm6 v-if="QRCodeimg">
+                        <v-flex xs12 md6 sm6 v-if="QRCodeimg" class="WM-Align-C">
                             <img :src="QRCodeimg" class="WM-Width-150">
                         </v-flex>
                     </v-layout>
@@ -178,3 +176,9 @@ export default {
     },
 };
 </script>
+<style scoped lang="scss">
+.barcode-container {
+    width: 100%;
+    max-width: 350px;
+}
+</style>
diff --git a/resources/js/show/views/TestResult/ShowTestResult.vue b/resources/js/show/views/TestResult/ShowTestResult.vue
index acc2bbf8..55fbbf02 100644
--- a/resources/js/show/views/TestResult/ShowTestResult.vue
+++ b/resources/js/show/views/TestResult/ShowTestResult.vue
@@ -11,10 +11,9 @@
                     <v-flex xs12 md12 sm12>
                         <div class>
                             <span class="title CSSD-font">{{ data.device_label || 'AutoclaveID' }} :</span>
-                            <span
-                                class="headline ml-2 CSSD-font"
-                                style="letter-spacing:0 !important"
-                            >{{ data.device_id }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.device_id }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md12 sm12>
@@ -26,10 +25,9 @@
                             <span v-if="data.result === 'Accept'" class="">
                                 <v-icon class="caption fa fa-check Verified"></v-icon>
                             </span>
-                            <span
-                                class="headline ml-1 CSSD-font"
-                                style="letter-spacing:0 !important"
-                            >{{ data.result }}</span>
+                            <span class="headline ml-1 CSSD-font" style="letter-spacing:0 !important">
+                                {{ data.result }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md12 sm12>
@@ -41,37 +39,33 @@
                             <span v-if="data.verified === 'Verified'" class="">
                                 <v-icon class="caption fa fa-check Verified"></v-icon>
                             </span>
-                            <span
-                                class="headline ml-1"
-                                style="letter-spacing:0 !important"
-                            >{{ data.verified }}</span>
+                            <span class="headline ml-1" style="letter-spacing:0 !important">
+                                {{ data.verified }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md12 sm12>
                         <div class>
                             <span class="title CSSD-font">Register User :</span>
-                            <span
-                                class="headline ml-2 CSSD-font"
-                                style="letter-spacing:0 !important"
-                            >{{ User }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
+                                {{ User }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md12 sm12>
                         <div class>
                             <span class="title CSSD-font">Date :</span>
-                            <span
-                                class="headline ml-2"
-                                style="letter-spacing:0 !important"
-                            >{{ data.created_at }}</span>
+                            <span class="headline ml-2" style="letter-spacing:0 !important">
+                                {{ data.created_at }}
+                            </span>
                         </div>
                     </v-flex>
                     <v-flex xs12 md6 sm12>
                         <div class>
                             <span class="title CSSD-font">Medical Center :</span>
-                            <span
-                                class="headline ml-2 CSSD-font"
-                                style="letter-spacing:0 !important"
-                            >{{ MedicalCenter }}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
+                                {{ MedicalCenter }}
+                            </span>
                         </div>
                     </v-flex>
                 </v-layout>
@@ -83,56 +77,32 @@
                 </v-flex>
                 <v-layout row wrap class="ml-4">
                     <template v-if="data.inputs">
-                        <v-flex
-                            xs12
-                            md12
-                            sm12
-                            v-for="(inputData, keyInputs) in data.inputs"
-                            :key="keyInputs"
-                        >
+                        <v-flex xs12 md12 sm12 v-for="(inputData, keyInputs) in data.inputs" :key="keyInputs">
                             <span class="title">{{keyInputs}} :</span>
-                            <span
-                                class="headline ml-2 CSSD-font"
-                                style="letter-spacing:0 !important"
-                            >{{inputData}}</span>
+                            <span class="headline ml-2 CSSD-font" style="letter-spacing:0 !important">
+                                {{inputData}}
+                            </span>
                         </v-flex>
                     </template>
                     <template v-if="data.options">
-                        <v-flex
-                            xs12
-                            md12
-                            sm12
-                            v-for="(optionData, keyOptions) in data.options"
-                            :key="keyOptions"
-                        >
+                        <v-flex xs12 md12 sm12 v-for="(optionData, keyOptions) in data.options" :key="keyOptions">
                             <span class="title CSSD-font">{{keyOptions}} :</span>
-                            <span
-                                style="letter-spacing:0 !important"
-                                class="headline ml-2 CSSD-font"
-                                v-for="(data, dataKey) in optionData"
-                                :key="dataKey"
-                            >{{data}},</span>
+                            <span style="letter-spacing:0 !important" class="headline ml-2 CSSD-font" v-for="(data, dataKey) in optionData" :key="dataKey">
+                                {{data}},
+                            </span>
                         </v-flex>
                     </template>
                     <template v-if="data.children">
-                        <v-flex class="mt-4 pb-4" style="border-left:3px solid #32c5d2;border-bottom:1px solid #ddd"
-                            xs12
-                            md12
-                            sm12
-                            v-for="(formData, keyForm) in data.children"
-                            :key="keyForm"
-                        >
+                        <v-flex class="mt-4 pb-4" style="border-left:3px solid #32c5d2;border-bottom:1px solid #ddd" xs12 md12 sm12 v-for="(formData, keyForm) in data.children" :key="keyForm">
                             <h3 class="ml-3 CSSD-font">{{keyForm}}</h3>
                             <div v-for="(childData, keyChild) in formData" :key="keyChild">
                                 <div class="ml-4">
                                     <span class="title CSSD-font">{{keyChild}} :</span>
                                     <template v-if="Array.isArray(childData)">
-                                        <span
-                                            style="letter-spacing:0 !important"
-                                            class="headline ml-2 CSSD-font"
-                                            v-for="(data, dataKey) in childData"
-                                            :key="dataKey"
-                                        >{{data}},</span>
+                                        <span style="letter-spacing:0 !important" class="headline ml-2 CSSD-font"
+                                              v-for="(data, dataKey) in childData" :key="dataKey">
+                                            {{data}},
+                                        </span>
                                     </template>
                                     <template v-else>
                                         <span class="headline ml-2 CSSD-font">{{childData}}</span>
@@ -151,7 +121,10 @@
                 <v-layout row wrap class="ml-4">
                     <v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key">
                         <template v-if="file.file_type == 'document'">
-                          <a target="_blank" :href="'/'+file.path"><v-icon class="mr-2 caption">fas fa-check</v-icon>{{ file.file_name }}</a>
+                          <a target="_blank" :href="'/'+file.path">
+                              <v-icon class="mr-2 caption">fas fa-check</v-icon>
+                              {{ file.file_name }}
+                          </a>
                         </template>
 
                         <template v-else>
@@ -162,10 +135,7 @@
             </v-layout>
             <v-layout row wrap style="text-align:center">
                 <v-flex class xs12 md2 sm12>
-                    <v-btn
-                        class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Gray"
-                        @click="print"
-                    >
+                    <v-btn class="WM-NoShadow WM-Outline-Btn WM-Border WM-Border-Gray" @click="print">
                         <v-icon class="black--text mr-2 caption">fas fa-print</v-icon>
                         <span class="black--text">Print</span>
                     </v-btn>