From 88964618746a7866da7fc64ac1f7d5db304de2ee Mon Sep 17 00:00:00 2001
From: br0kenpixel <23280129+br0kenpixel@users.noreply.github.com>
Date: Mon, 20 Oct 2025 18:35:20 +0200
Subject: [PATCH] refactor: wrap company and student information pages in
 `v-container` and `v-card` to match style

---
 frontend/app/pages/info/company.vue | 96 +++++++++++++++--------------
 frontend/app/pages/info/student.vue | 50 +++++++--------
 2 files changed, 75 insertions(+), 71 deletions(-)

diff --git a/frontend/app/pages/info/company.vue b/frontend/app/pages/info/company.vue
index 74ebf0d..07bbdd5 100644
--- a/frontend/app/pages/info/company.vue
+++ b/frontend/app/pages/info/company.vue
@@ -1,60 +1,62 @@
 <template>
-    <div>
-        <h2 class="page-container page-title">Detaily a pravidlá odbornej praxe pre firmy</h2>
-        <p class="page-container page-lead">
-            Kompletné informácie o odbornej praxi pre firmy
-        </p>
+    <v-container fluid>
+        <v-card>
+            <h2 class="page-container page-title">Detaily a pravidlá odbornej praxe pre firmy</h2>
+            <p class="page-container page-lead">
+                Kompletné informácie o odbornej praxi pre firmy
+            </p>
 
-        <br />
+            <br />
 
-        <h3 class="page-container section-title">Zmluvné podmienky</h3>
+            <h3 class="page-container section-title">Zmluvné podmienky</h3>
 
-        <v-row class="pc" align="stretch" justify="start">
-            <PageCard title="Zmluva o odbornej praxi" description="Medzi firmou a študentom sa uzatvára Zmluva o odbornej praxi, ktorá definuje práva a povinnosti oboch strán. 
+            <v-row class="pc" align="stretch" justify="start">
+                <PageCard title="Zmluva o odbornej praxi" description="Medzi firmou a študentom sa uzatvára Zmluva o odbornej praxi, ktorá definuje práva a povinnosti oboch strán. 
       Zmluva musí byť v súlade s legislatívou a internými predpismi školy." link="/"
-                icon="mdi mdi-file-document-edit-outline" />
-        </v-row>
+                    icon="mdi mdi-file-document-edit-outline" />
+            </v-row>
 
-        <h3 class="page-container section-title">Pravidlá a povinnost počas praxe</h3>
+            <h3 class="page-container section-title">Pravidlá a povinnost počas praxe</h3>
 
-        <v-row class="pc" align="stretch" justify="start">
-            <PageCard title="Pridelenie mentora"
-                description="Každému študentovi musí byť pridelený zodpovedný zamestnanec (mentor), ktorý ho bude viesť, zadávať mu úlohy a poskytovať spätnú väzbu."
-                link="/" icon="mdi mdi-account-multiple-outline" />
-            <PageCard title="Relevantné úlohy"
-                description="Náplň práce študenta musí zodpovedať jeho študijnému odboru a umožniť mu získať praktické zručnosti a vedomosti."
-                link="/" icon="mdi mdi-notebook-check-outline" />
-            <PageCard title="Bezpečnosť pri práci"
-                description="Firma je povinná zabezpečiť preškolenie o bezpečnosti a ochrane zdravia pri práci (BOZP) a poskytnúť potrebné ochranné pomôcky."
-                link="/" icon="mdi mdi-shield-outline" />
-        </v-row>
+            <v-row class="pc" align="stretch" justify="start">
+                <PageCard title="Pridelenie mentora"
+                    description="Každému študentovi musí byť pridelený zodpovedný zamestnanec (mentor), ktorý ho bude viesť, zadávať mu úlohy a poskytovať spätnú väzbu."
+                    link="/" icon="mdi mdi-account-multiple-outline" />
+                <PageCard title="Relevantné úlohy"
+                    description="Náplň práce študenta musí zodpovedať jeho študijnému odboru a umožniť mu získať praktické zručnosti a vedomosti."
+                    link="/" icon="mdi mdi-notebook-check-outline" />
+                <PageCard title="Bezpečnosť pri práci"
+                    description="Firma je povinná zabezpečiť preškolenie o bezpečnosti a ochrane zdravia pri práci (BOZP) a poskytnúť potrebné ochranné pomôcky."
+                    link="/" icon="mdi mdi-shield-outline" />
+            </v-row>
 
-        <h3 class="page-container section-title">Hodnotenie a ukončenie praxe</h3>
+            <h3 class="page-container section-title">Hodnotenie a ukončenie praxe</h3>
 
-        <div class="ac">
-            <v-expansion-panels variant="accordion" class="faq" elevation="0" rounded="lg">
-                <v-expansion-panel>
-                    <v-expansion-panel-title>
-                        Ako prebieha hodnotenie študenta?
-                    </v-expansion-panel-title>
-                    <v-expansion-panel-text>
-                        Študenta hodnotí mentor vo firme a zodpovedná osoba na škole podľa
-                        stanovených kritérií (účasť, splnené úlohy, kvalita výstupov a pod.).
-                    </v-expansion-panel-text>
-                </v-expansion-panel>
+            <div class="ac">
+                <v-expansion-panels variant="accordion" class="faq" elevation="0" rounded="lg">
+                    <v-expansion-panel>
+                        <v-expansion-panel-title>
+                            Ako prebieha hodnotenie študenta?
+                        </v-expansion-panel-title>
+                        <v-expansion-panel-text>
+                            Študenta hodnotí mentor vo firme a zodpovedná osoba na škole podľa
+                            stanovených kritérií (účasť, splnené úlohy, kvalita výstupov a pod.).
+                        </v-expansion-panel-text>
+                    </v-expansion-panel>
 
-                <v-expansion-panel>
-                    <v-expansion-panel-title>
-                        Aké dokumenty je potrebné vystaviť po ukončení praxe?
-                    </v-expansion-panel-title>
-                    <v-expansion-panel-text>
-                        Typicky potvrdenie o absolvovaní praxe a hodnotiaci formulár
-                        podpísaný mentorom. Presný zoznam dodá škola.
-                    </v-expansion-panel-text>
-                </v-expansion-panel>
-            </v-expansion-panels>
-        </div>
-    </div>
+                    <v-expansion-panel>
+                        <v-expansion-panel-title>
+                            Aké dokumenty je potrebné vystaviť po ukončení praxe?
+                        </v-expansion-panel-title>
+                        <v-expansion-panel-text>
+                            Typicky potvrdenie o absolvovaní praxe a hodnotiaci formulár
+                            podpísaný mentorom. Presný zoznam dodá škola.
+                        </v-expansion-panel-text>
+                    </v-expansion-panel>
+                </v-expansion-panels>
+            </div>
+        </v-card>
+    </v-container>
 </template>
 
 <style scoped>
diff --git a/frontend/app/pages/info/student.vue b/frontend/app/pages/info/student.vue
index 71b67b9..141f39a 100644
--- a/frontend/app/pages/info/student.vue
+++ b/frontend/app/pages/info/student.vue
@@ -1,31 +1,33 @@
 <template>
-    <div>
-        <h2 class="page-container page-title">Informácie o odbornej praxi pre študentov</h2>
-        <p class="page-container page-lead">
-            Kompletné informácie o odbornej praxi – priebeh, hodnotenie, zmluvy a pokyny pre študentov.
-        </p>
+    <v-container fluid>
+        <v-card>
+            <h2 class="page-container page-title">Informácie o odbornej praxi pre študentov</h2>
+            <p class="page-container page-lead">
+                Kompletné informácie o odbornej praxi – priebeh, hodnotenie, zmluvy a pokyny pre študentov.
+            </p>
 
-        <br />
+            <br />
 
-        <h3 class="page-container section-title">Podmienky absolvovania predmetu</h3>
+            <h3 class="page-container section-title">Podmienky absolvovania predmetu</h3>
 
-        <v-row class="pc" align="stretch" justify="start">
-            <PageCard title="Rozsah a účasť"
-                description="Absolvovanie praxe v minimálnom rozsahu 130 hodín a povinná účasť na úvodnom stretnutí"
-                link="/" icon="mdi-clock-time-five-outline" />
-            <PageCard title="Denník praxe"
-                description="Priebežné vedenie denníka praxe podľa predpísanej štruktúry a jeho odovzdanie na konci obdobia."
-                link="/" icon="mdi-notebook-edit-outline" />
-            <PageCard title="Poster a prezentácia"
-                description="Príprava a prezentácia posteru. Hodnotí sa obsah, vizuálna stránka a kvalita prezentácie."
-                link="/" icon="mdi-presentation" />
-            <PageCard title="Bodové hodnotenie"
-                description="Max. 100 bodov (50b firma, 50b poster a prezentácia). Minimum pre absolvovanie je 51 bodov."
-                link="/" icon="mdi-checkbox-marked-outline" />
-            <PageCard title="Kredity" description="Po úspešnom absolvovaní predmetu študent získa 5 kreditov" link="/"
-                icon="mdi-school-outline" />
-        </v-row>
-    </div>
+            <v-row class="pc" align="stretch" justify="start">
+                <PageCard title="Rozsah a účasť"
+                    description="Absolvovanie praxe v minimálnom rozsahu 130 hodín a povinná účasť na úvodnom stretnutí"
+                    link="/" icon="mdi-clock-time-five-outline" />
+                <PageCard title="Denník praxe"
+                    description="Priebežné vedenie denníka praxe podľa predpísanej štruktúry a jeho odovzdanie na konci obdobia."
+                    link="/" icon="mdi-notebook-edit-outline" />
+                <PageCard title="Poster a prezentácia"
+                    description="Príprava a prezentácia posteru. Hodnotí sa obsah, vizuálna stránka a kvalita prezentácie."
+                    link="/" icon="mdi-presentation" />
+                <PageCard title="Bodové hodnotenie"
+                    description="Max. 100 bodov (50b firma, 50b poster a prezentácia). Minimum pre absolvovanie je 51 bodov."
+                    link="/" icon="mdi-checkbox-marked-outline" />
+                <PageCard title="Kredity" description="Po úspešnom absolvovaní predmetu študent získa 5 kreditov"
+                    link="/" icon="mdi-school-outline" />
+            </v-row>
+        </v-card>
+    </v-container>
 </template>
 
 <style scoped>