From bd077f1ad79c24984816cfbfe681fef75a3eb3ba Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Thu, 10 Aug 2023 16:14:58 +0200
Subject: [PATCH] Add info text to license activation page

---
 client/src/pages/license-activation.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/license-activation.vue b/client/src/pages/license-activation.vue
index 721b87cd..4b968706 100644
--- a/client/src/pages/license-activation.vue
+++ b/client/src/pages/license-activation.vue
@@ -11,7 +11,8 @@
         novalidate
         @submit="validateBeforeSubmit"
       >
-        <h2>Geben Sie einen Coupon-Code ein</h2>
+        <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"
@@ -170,6 +171,16 @@ export default defineComponent({
 <style scoped lang="scss">
 @import 'styles/helpers';
 
+.license-activation {
+  &__heading {
+    margin-bottom: $small-spacing;
+  }
+
+  &__license-info {
+    margin-bottom: $medium-spacing;
+  }
+}
+
 .text-link {
   font-family: $sans-serif-font-family;
   color: $color-brand;