From 00ef978079992a204424b07fd284215da8ad5fff Mon Sep 17 00:00:00 2001
From: Michael Mayer <michael@photoprism.app>
Date: Thu, 12 Jan 2023 13:39:45 +0100
Subject: [PATCH] Auth: Refactor login screen page structure and classes

Signed-off-by: Michael Mayer <michael@photoprism.app>
---
 frontend/src/page/login.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/page/login.vue b/frontend/src/page/login.vue
index a4263828c..058824489 100644
--- a/frontend/src/page/login.vue
+++ b/frontend/src/page/login.vue
@@ -46,8 +46,8 @@
                       @keyup.enter.native="login"
                   ></v-text-field>
                 </v-flex>
-                <v-flex xs12 class="px-2 py-1">
-                  <div class="action-buttons text-xs-center">
+                <v-flex xs12 class="px-2 py-1 auth-actions">
+                  <div class="action-buttons auth-buttons text-xs-center">
                     <v-btn v-if="registerUri" :color="colors.secondary" outline :block="$vuetify.breakpoint.xsOnly"
                            :style="`color: ${colors.link}!important`" class="action-register ra-6 px-3 py-2 opacity-80"
                            @click.stop.prevent="register">
@@ -61,13 +61,13 @@
                       <v-icon v-else right dark>navigate_next</v-icon>
                     </v-btn>
                   </div>
+                  <div v-if="passwordResetUri" class="auth-links text-xs-center opacity-80">
+                    <a :href="passwordResetUri" class="text-link link--text">
+                      <translate>Forgot password?</translate>
+                    </a>
+                  </div>
                 </v-flex>
               </v-layout>
-              <div v-if="passwordResetUri" class="text-xs-center opacity-80">
-                <a :href="passwordResetUri" class="text-link" :style="`color: ${colors.link}!important`">
-                  <translate>Forgot password?</translate>
-                </a>
-              </div>
             </v-card-text>
           </v-card>
         </v-form>