design

src/components/FooterSection.vue

@@ -36,8 +36,7 @@
           >
           <span
             @click="router.push({ name: item.route })"
-            class="cursor-pointer"
-            style="color: inherit"
+            class="cursor-pointer doc-link"
             >
             {{ $t(item.translationKey) }}
           </span>
@@ -91,4 +90,12 @@
 </script>
 
 <style scoped>
+.doc-link {
+  color: inherit;
+}
+
+.doc-link:hover {
+  color: var(--q-primary);
+}
+
 </style>

src/components/ProblemSectionItem.vue

@@ -2,7 +2,7 @@
   <div
     class="crew-card column items-center q-pa-xl fit"
     >
-    <div class="text-bold text-h4 text-center q-pt-md">
+    <div class="text-bold text-h4 text-center q-py-md">
       {{ $t(title ?? '') }}
     </div>