minor

pages/Authorize.vue

@@ -1,21 +1,19 @@
 <template lang='pug'>
-  v-card.mt-5
-    h4(slot='header')
-      nuxt-link(to='/')
-        img(src='/favicon.ico')
-      span  {{settings.title}} - {{$t('common.authorize')}}
-    <u>{{$auth.user.email}}</u>
-    div
-      p(v-html="$t('oauth.authorization_request', { app: client.name, instance_name: settings.title })")
-      ul
-        li(v-for="s in scope.split(' ')") {{$t(`oauth.scopes.${scope}`)}}
-      span(v-html="$t('oauth.redirected_to', {url: $route.query.redirect_uri})")
-      br
-      br
-      a(:href='authorizeURL')
-        v-btn.mr-1(plain color='success') {{$t('common.authorize')}}
-      a(href='/')
-        v-btn.mt-1(plain color='danger') {{$t('common.cancel')}}
+  v-row.mt-5(align='center' justify='center')
+    v-col(cols='12' md="6" lg="5" xl="4")
+      v-card(light)
+        v-card-title {{settings.title}} - {{$t('common.authorize')}}
+        v-card-text
+          u {{$auth.user.email}}
+          div
+            p(v-html="$t('oauth.authorization_request', { app: client.name, instance_name: settings.title })")
+            ul
+              li(v-for="s in scope.split(' ')") {{$t(`oauth.scopes.${scope}`)}}
+            span(v-html="$t('oauth.redirected_to', {url: $route.query.redirect_uri})")
+        v-card-actions
+          v-spacer
+          v-btn(color='error' to='/') {{$t('common.cancel')}}
+          v-btn(:href='authorizeURL' color='success') {{$t('common.authorize')}}
 </template>
 
 <script>