From 6bb88017bac4f41f2581e9de0eb0cee5348c5dd0 Mon Sep 17 00:00:00 2001
From: Shaun Lum <shaun.lum@gov.bc.ca>
Date: Fri, 1 Nov 2024 11:17:51 -0700
Subject: [PATCH] shaun-dev

---
 frontend/src/views/Login.vue  |  4 ++--
 frontend/src/views/Logout.vue | 26 ++++++++++++++------------
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
index c9f20d50..2c5c30a3 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login.vue
@@ -12,8 +12,8 @@
             valid IDIR.
           </v-card-text>
           <v-card-actions>
-            <v-btn color="primary" variant="text" href="authRoutes.LOGIN">
-              <a :href="authRoutes.LOGIN">Login</a>
+            <v-btn color="primary" variant="text" :href="authRoutes.LOGIN">
+              Login
             </v-btn>
           </v-card-actions>
         </v-card>
diff --git a/frontend/src/views/Logout.vue b/frontend/src/views/Logout.vue
index b8ce410a..7b4fe69e 100644
--- a/frontend/src/views/Logout.vue
+++ b/frontend/src/views/Logout.vue
@@ -1,25 +1,27 @@
 <template>
   <v-container fluid class="full-height">
-    <v-row align="center">
-      <v-col cols="10" sm="10" md="8" lg="4" xl="3">
-        <v-card class="session-expired-card">
-          <v-card-title class="gov-header">
+    <v-row>
+      <v-spacer />
+      <v-col cols="12" md="4" lg="4">
+        <v-card class="pt-3 pb-4">
+          <v-card-title>
             <h4 id="logout_text">Logged Out</h4>
           </v-card-title>
           <v-card-text id="logout_descriptor">
-            <v-row style="margin: 0.3rem">You have Logged out.</v-row>
+            You have Logged out of the Graduation Administration Application.
+          </v-card-text>
+          <v-card-actions>
             <v-btn
               @click="clearStorage"
-              :href="Routes.LOGIN"
-              class="ma-1"
-              dark
-              color="#003366"
-              >Log In</v-btn
+              variant="text"
+              :href="routes.LOGIN"
+              color="primary"
+              >Login</v-btn
             >
-            <span>&nbsp;again if you wish to continue.</span>
-          </v-card-text>
+          </v-card-actions>
         </v-card>
       </v-col>
+      <v-spacer />
     </v-row>
   </v-container>
 </template>