From d671fe2667d74379fa77f6fedb27d73e099046cc Mon Sep 17 00:00:00 2001
From: Rakil Kim <rakilkim0216@gmail.com>
Date: Tue, 30 Jan 2024 18:33:29 -0800
Subject: [PATCH] add instruction text to axisexercise

---
 src/components/shared/Exercises/AxisInputs.tsx | 3 +++
 src/styles/Exercises/AxisInput.scss            | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/src/components/shared/Exercises/AxisInputs.tsx b/src/components/shared/Exercises/AxisInputs.tsx
index da445ae..3f20af4 100644
--- a/src/components/shared/Exercises/AxisInputs.tsx
+++ b/src/components/shared/Exercises/AxisInputs.tsx
@@ -95,6 +95,9 @@ function AxisInput({
   const questionOutput = questions.map(MakeQuestion);
   return (
     <div className="axinput-container">
+      <div id="axinput-question">
+        Type the correct numbers into the blanks below!
+      </div>
       <div className="axinput-question-box">{questionOutput}</div>
       <div className="axinput-wrong-box">
         <h3 id="axinput-check-wrong">&nbsp;{wrongMessage(wrong)}&nbsp;</h3>
diff --git a/src/styles/Exercises/AxisInput.scss b/src/styles/Exercises/AxisInput.scss
index ad97628..81d9a02 100644
--- a/src/styles/Exercises/AxisInput.scss
+++ b/src/styles/Exercises/AxisInput.scss
@@ -29,6 +29,12 @@
   padding-left: 20%;
 }
 
+#axinput-question {
+  @include font-styles();
+  margin-bottom: 2vh;
+  margin-left: 2vh;
+}
+
 #axinput-check-question {
   @include font-styles();
   font-style: italic;