From 25b8372b8b5dc1189d11533dc10a54d76f16282f Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 11 Mar 2021 19:59:50 +0000
Subject: [PATCH]

---
 ayanova/src/views/home-security.vue | 29 +++++++++++++++++++++++++----
 1 file changed, 25 insertions(+), 4 deletions(-)

diff --git a/ayanova/src/views/home-security.vue b/ayanova/src/views/home-security.vue
index 4c8d4543..6ccda18f 100644
--- a/ayanova/src/views/home-security.vue
+++ b/ayanova/src/views/home-security.vue
@@ -2,15 +2,36 @@
   <v-row v-if="formState.ready">
     <v-col>
       <v-form ref="form">
-        <v-row>
+        <v-row align="center" justify="center">
           <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
           <template v-if="tfaEnabled">
             DISABLE TFA
           </template>
           <template v-else>
-            ENABLE TFA
-            <img alt="Embedded QR Code" :src="qCode" />
-            {{ obj.s }}
+            <v-col cols="12" md="7">
+              <v-card>
+                <v-card-title>{{ $ay.t("AuthConnectAppTitle") }}</v-card-title>
+
+                <v-card-text>
+                  <div class="text-center">
+                    <img alt="Embedded QR Code" :src="qCode" />
+                  </div>
+                </v-card-text>
+              </v-card>
+            </v-col>
+
+            <!-- <div class="mb-6">
+              <span class="text-h5"> {{ $ay.t("AuthConnectAppTitle") }}</span>
+            </div>
+            <v-col cols="12" offset-lg="1" offset-xl="3">
+              <v-col cols="12">
+                <img alt="Embedded QR Code" :src="qCode" />
+              </v-col>
+            </v-col>
+            <v-col cols="12">
+              <img alt="Embedded QR Code" :src="qCode" />
+            </v-col>
+            {{ obj.s }} -->
           </template>
         </v-row>
       </v-form>