From d2edd2fa338543c2751b1d7185d731f389e6573e Mon Sep 17 00:00:00 2001
From: Matthias Grief <matthias.grief@alumni.fh-aachen.de>
Date: Tue, 19 Nov 2024 20:09:03 +0100
Subject: [PATCH] Verwandte Themen in Themendetails nach oben verschoben

---
 webseite/topic.php | 45 ++++++++++++++++++++++++---------------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/webseite/topic.php b/webseite/topic.php
index 795ed5d..b8ca099 100644
--- a/webseite/topic.php
+++ b/webseite/topic.php
@@ -60,8 +60,30 @@ if (!isset($topicData)) {
 
 <!-- Main Content -->
 <main class="main-content max-w-7xl mt-5">
+    <div class="mt-10"></div>
 
-    <div class="content-card">
+    <div class="related-topics bg-gray-100 p-4 rounded-lg">
+        <h4>Verwandte Themen:</h4>
+        <ul class="flex flex-wrap gap-2">
+            <?php
+            foreach ($topicData->relatedTopics as $relatedTopicName) {
+                $relatedTopic = $subjectData->topics[$relatedTopicName];
+                if (!isset($relatedTopic)) {
+                    continue;
+                }
+                ?>
+                <li onclick="event.stopPropagation();" class="border-[<?php echo($subjectData->color); ?>] border-2">
+                    <a href='<?php echo("topic.php?subject=$subjectData->id&topic=$relatedTopic->id") ?>' class="block">
+                        <?php echo($relatedTopic->displayName); ?>
+                    </a>
+                </li>
+                <?php
+            }
+            ?>
+        </ul>
+    </div>
+
+    <div class="content-card mt-[8px]">
         <h1 class="content-title"><?php echo($topicData->displayName); ?></h1>
         <p class="content-text">
             <?php echo($topicData->description); ?>
@@ -90,26 +112,7 @@ if (!isset($topicData)) {
         </div>
     </div>
 
-    <div class="related-topics bg-gray-100 p-4 rounded-lg">
-        <h4>Verwandte Themen:</h4>
-        <ul class="flex flex-wrap gap-2">
-            <?php
-            foreach ($topicData->relatedTopics as $relatedTopicName) {
-                $relatedTopic = $subjectData->topics[$relatedTopicName];
-                if (!isset($relatedTopic)) {
-                    continue;
-                }
-                ?>
-                <li onclick="event.stopPropagation();" class="border-[<?php echo($subjectData->color); ?>] border-2">
-                    <a href='<?php echo("topic.php?subject=$subjectData->id&topic=$relatedTopic->id") ?>' class="block">
-                        <?php echo($relatedTopic->displayName); ?>
-                    </a>
-                </li>
-                <?php
-            }
-            ?>
-        </ul>
-    </div>
+
 </main>
 
 <footer class="sticky top-[100vh] lg:ms-[280px] w-full lg:w-auto bg-white/80 backdrop-blur-lg shadow-sm p-5">