From c4044d9131c6da59dd15e380b845884da5fb73fd Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 16 Aug 2023 10:54:33 +0200
Subject: [PATCH] Move help text to correct location

---
 client/src/components/profile/JoinForm.vue | 17 +++++++++++++++++
 client/src/pages/joinClass.vue             |  1 +
 client/src/pages/license-activation.vue    |  1 -
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/client/src/components/profile/JoinForm.vue b/client/src/components/profile/JoinForm.vue
index cee88e3f..e1321d1e 100644
--- a/client/src/components/profile/JoinForm.vue
+++ b/client/src/components/profile/JoinForm.vue
@@ -3,6 +3,12 @@
     <h1 data-cy="join-form-title">
       {{ title }}
     </h1>
+    <p
+      class="join-form__help-text small-emph"
+      v-if="helpText"
+    >
+      {{ helpText }}
+    </p>
     <div>
       <div class="skillboxform-input">
         <label
@@ -64,6 +70,10 @@ export default {
       type: String,
       default: 'Klasse beitreten',
     },
+    helpText: {
+      type: String,
+      default: undefined,
+    },
     labelText: {
       type: String,
       default: 'Zugangscode eingeben',
@@ -78,4 +88,11 @@ export default {
 
 <style scoped lang="scss">
 @import 'styles/helpers';
+
+.join-form {
+  &__help-text {
+    margin-bottom: $large-spacing;
+    font-family: $sans-serif-font-family;
+  }
+}
 </style>
diff --git a/client/src/pages/joinClass.vue b/client/src/pages/joinClass.vue
index 58d7490a..a97469d9 100644
--- a/client/src/pages/joinClass.vue
+++ b/client/src/pages/joinClass.vue
@@ -5,6 +5,7 @@
     title="Einer Klasse beitreten"
     ok-text="Klasse beitreten"
     cancel-text="Abmelden"
+    help-text="Den Zugangscode zur Klasse erhalten Sie von Ihrer Lehrperson."
     @input="updateCode"
     @cancel="logout"
     @confirm="joinClass"
diff --git a/client/src/pages/license-activation.vue b/client/src/pages/license-activation.vue
index 4b968706..9eae5797 100644
--- a/client/src/pages/license-activation.vue
+++ b/client/src/pages/license-activation.vue
@@ -12,7 +12,6 @@
         @submit="validateBeforeSubmit"
       >
         <h2 class="license-activation__heading">Geben Sie einen Coupon-Code ein</h2>
-        <p class="license-activation__license-info info-header__text small-emph">Den Zugangscode zur Klasse erhalten Sie von Ihrer Lehrperson.</p>
         <Field
           :rules="required"
           name="coupon"