From 06084fb2d3a4943fd6cde861053ebec494a01d14 Mon Sep 17 00:00:00 2001
From: br0kenpixel <23280129+br0kenpixel@users.noreply.github.com>
Date: Mon, 20 Oct 2025 18:29:14 +0200
Subject: [PATCH] refactor: wrap reset password page in `v-card` to match style

---
 frontend/app/pages/reset_psw.vue | 32 +++++++++++++++++++-------------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/frontend/app/pages/reset_psw.vue b/frontend/app/pages/reset_psw.vue
index 2fd0df8..9b0c914 100644
--- a/frontend/app/pages/reset_psw.vue
+++ b/frontend/app/pages/reset_psw.vue
@@ -1,20 +1,22 @@
 <template>
-    <div class="page-container form-wrap">
-        <h2 class="page-title">Reset hesla</h2>
+    <v-container fluid class="page-container form-wrap">
+        <v-card id="page-container-card">
+            <h2 class="page-title">Reset hesla</h2>
 
-        <v-form v-model="isValid" @submit.prevent="onSubmit">
-            <v-text-field v-model="email" :rules="[rules.required, rules.email]" label="Email:" variant="outlined"
-                density="comfortable" />
+            <v-form v-model="isValid" @submit.prevent="onSubmit">
+                <v-text-field v-model="email" :rules="[rules.required, rules.email]" label="Email:" variant="outlined"
+                    density="comfortable" />
 
-            <v-btn type="submit" color="success" size="large" block :disabled="!isValid">
-                Odoslať Email
-            </v-btn>
-        </v-form>
+                <v-btn type="submit" color="success" size="large" block :disabled="!isValid">
+                    Odoslať Email
+                </v-btn>
+            </v-form>
 
-        <v-snackbar v-model="snackbar" timeout="2500">
-            Odoslané na mail
-        </v-snackbar>
-    </div>
+            <v-snackbar v-model="snackbar" timeout="2500">
+                Odoslané na mail
+            </v-snackbar>
+        </v-card>
+    </v-container>
 </template>
 
 <script setup>
@@ -42,6 +44,10 @@ function onSubmit() {
     padding-right: 24px;
 }
 
+#page-container-card {
+    padding: 10px;
+}
+
 .form-wrap {
     max-width: 560px;
 }