From f73d277687f639f4097030066d4b1a4bd5d2743b Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Wed, 14 May 2025 23:50:32 +0200
Subject: [PATCH] style(frontend): Kaart met link naar leerinhoudbeheerspagina
 op de homepage bovenaan en grijs gezet.

---
 frontend/src/components/BrowseThemes.vue | 34 ++++++++++++------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/BrowseThemes.vue b/frontend/src/components/BrowseThemes.vue
index 83610b87..738ea7fb 100644
--- a/frontend/src/components/BrowseThemes.vue
+++ b/frontend/src/components/BrowseThemes.vue
@@ -76,6 +76,23 @@
                     class="fill-height grey-bg-card"
                 />
             </v-col>
+            <v-col
+                v-if="isTeacher"
+                cols="12"
+                sm="6"
+                md="4"
+                lg="4"
+                class="d-flex"
+            >
+                <ThemeCard
+                    path="/my-content"
+                    :is-absolute-path="true"
+                    :title="t('ownLearningContentTitle')"
+                    :description="t('ownLearningContentDescription')"
+                    icon="mdi-pencil"
+                    class="fill-height grey-bg-card"
+                />
+            </v-col>
             <v-col
                 v-for="card in cards"
                 :key="card.key"
@@ -93,23 +110,6 @@
                     class="fill-height"
                 />
             </v-col>
-            <v-col
-                v-if="isTeacher"
-                cols="12"
-                sm="6"
-                md="4"
-                lg="4"
-                class="d-flex"
-            >
-                <ThemeCard
-                    path="/my-content"
-                    :is-absolute-path="true"
-                    :title="t('ownLearningContentTitle')"
-                    :description="t('ownLearningContentDescription')"
-                    icon="mdi-pencil"
-                    class="fill-height"
-                />
-            </v-col>
         </v-row>
     </v-container>
 </template>