From 219a7b1cafc1a05419ee90aaf8db60920b0f543a Mon Sep 17 00:00:00 2001
From: br0kenpixel <23280129+br0kenpixel@users.noreply.github.com>
Date: Mon, 20 Oct 2025 18:33:31 +0200
Subject: [PATCH] refactor: wrap company registration form in `v-container` and
 `v-card` to match style

---
 frontend/app/pages/register/company.vue | 48 ++++++++++++++-----------
 1 file changed, 27 insertions(+), 21 deletions(-)

diff --git a/frontend/app/pages/register/company.vue b/frontend/app/pages/register/company.vue
index c4fe7f9..a84a659 100644
--- a/frontend/app/pages/register/company.vue
+++ b/frontend/app/pages/register/company.vue
@@ -1,30 +1,32 @@
 <template>
-    <div class="page-container form-wrap">
-        <h4 class="page-title">Registrácia firmy</h4>
+    <v-container fluid class="page-container form-wrap">
+        <v-card id="page-container-card">
+            <h4 class="page-title">Registrácia firmy</h4>
 
-        <v-form v-model="isValid" @submit.prevent="onSubmit">
-            <v-text-field v-model="form.companyName" :rules="[rules.required]" label="Názov firmy:" variant="outlined"
-                density="comfortable" />
-            <v-text-field v-model="form.companyAddress" :rules="[rules.required]" label="Adresa:" variant="outlined"
-                density="comfortable" />
+            <v-form v-model="isValid" @submit.prevent="onSubmit">
+                <v-text-field v-model="form.companyName" :rules="[rules.required]" label="Názov firmy:"
+                    variant="outlined" density="comfortable" />
+                <v-text-field v-model="form.companyAddress" :rules="[rules.required]" label="Adresa:" variant="outlined"
+                    density="comfortable" />
 
-            <h4 class="section-heading mt-4">Kontaktná osoba</h4>
+                <h4 class="section-heading mt-4">Kontaktná osoba</h4>
 
-            <v-text-field v-model="form.contactName" :rules="[rules.required]" label="Meno:" variant="outlined"
-                density="comfortable" />
-            <v-text-field v-model="form.contactEmail" :rules="[rules.required, rules.email]" label="Email:"
-                variant="outlined" density="comfortable" />
-            <v-text-field v-model="form.contactPhone" :rules="[rules.phone]" label="Telefón:" variant="outlined"
-                density="comfortable" />
+                <v-text-field v-model="form.contactName" :rules="[rules.required]" label="Meno:" variant="outlined"
+                    density="comfortable" />
+                <v-text-field v-model="form.contactEmail" :rules="[rules.required, rules.email]" label="Email:"
+                    variant="outlined" density="comfortable" />
+                <v-text-field v-model="form.contactPhone" :rules="[rules.phone]" label="Telefón:" variant="outlined"
+                    density="comfortable" />
 
-            <v-checkbox v-model="form.consent" :rules="[rules.mustAgree]"
-                label="Súhlasím s podmienkami spracúvania osobných údajov" density="comfortable" />
+                <v-checkbox v-model="form.consent" :rules="[rules.mustAgree]"
+                    label="Súhlasím s podmienkami spracúvania osobných údajov" density="comfortable" />
 
-            <v-btn type="submit" color="success" size="large" block :disabled="!isValid || !form.consent">
-                Registrovať
-            </v-btn>
-        </v-form>
-    </div>
+                <v-btn type="submit" color="success" size="large" block :disabled="!isValid || !form.consent">
+                    Registrovať
+                </v-btn>
+            </v-form>
+        </v-card>
+    </v-container>
 </template>
 
 <script setup>
@@ -61,6 +63,10 @@ function onSubmit() {
     padding-right: 24px;
 }
 
+#page-container-card {
+    padding: 10px;
+}
+
 .form-wrap {
     max-width: 640px;
 }