From 08225854c2bcee1d9e188c6a93cdffa0935bdc84 Mon Sep 17 00:00:00 2001
From: suryabulusu <teja.surya59@gmail.com>
Date: Mon, 23 Oct 2023 20:04:12 +0530
Subject: [PATCH] changes to splash and instr

---
 src/components/InstructionPage.vue | 30 +++++++++++++++---------------
 src/components/Splash.vue          |  4 ++--
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/InstructionPage.vue b/src/components/InstructionPage.vue
index 5e71e2e..087fa49 100644
--- a/src/components/InstructionPage.vue
+++ b/src/components/InstructionPage.vue
@@ -2,7 +2,7 @@
     <div>
         <h4 class="text-lg font-bold m-6">Test Paper Overview</h4>
         <!-- Table -->
-        <table class="table-auto m-4">
+        <table class="table-auto mx-auto md:mx-0 m-4">
             <!-- row 1 -->
             <tr>
                 <th class="border-black border-1 text-left px-4 py-2">Test Name</th>
@@ -60,21 +60,21 @@
              <li>The countdown timer in the top right corner of screen will display the remaining time available for you to complete the test. When the timer reaches zero, the test will end by itself. You will not be required to end or submit your test.</li>
              <li>You can click on the <span class="inline-flex items-baseline"><BaseIcon name ='hamburger' class="place-self-center w-4 h-4"></BaseIcon></span> button on the top left corner of the page to expand the Question Palette.</li>
              <li>The Question Palette will show the status of each question using one of the following symbols:
-                <div class="flex flex-wrap ml-7 mr-4 m-2">
-                    <div class="flex items-center mb-2 mr-4">
-                        <Success></Success>
-                        <span class="ml-6 mr-6">You have answered the question</span>
-                    </div>
-                    <div class="flex items-center mb-2 mr-4">
-                        <Error></Error>
-                        <span class="ml-6 mr-6">You have not visited the question yet</span>
-                    </div>
-                    <div class="flex items-center mb-2 mr-4">
-                        <Neutral></Neutral>
-                        <span class="ml-6 mr-6">You have not answered the question</span>
-                    </div>
+              <div class="flex flex-wrap mx-2 md:mx-4 my-2">
+                <div class="flex items-center my-2 md:mx-4">
+                  <Success></Success>
+                  <span class="ml-6 mr-6">You have answered the question</span>
                 </div>
-             </li>
+                <div class="flex items-center my-2 md:mx-4">
+                  <Error></Error>
+                  <span class="ml-6 mr-6">You have not visited the question yet</span>
+                </div>
+                <div class="flex items-center my-2 md:mx-4">
+                  <Neutral></Neutral>
+                  <span class="ml-6 mr-6">You have not answered the question</span>
+                </div>
+              </div>
+            </li>
              <li>You can click on the <span class="inline-flex items-baseline"><BaseIcon name ='hamburger' class="place-self-center w-4 h-4"></BaseIcon></span> button again to collapse the Question Palette.</li>
           </ol>
         </div>
diff --git a/src/components/Splash.vue b/src/components/Splash.vue
index 2ff1a98..9456a4c 100644
--- a/src/components/Splash.vue
+++ b/src/components/Splash.vue
@@ -63,7 +63,7 @@
         :maxQuestionsAllowedToAttempt="maxQuestionsAllowedToAttempt"
         :quizTimeLimit="quizTimeLimit"
         :questionSetStates = "questionSetStates"
-        class="xl:mr-20 xl:ml-10 lg:mr-24 lg:ml-24 md:mr-48 md:ml-48 sm:mr-60 sm:ml-60"
+        class="mx-4 md:mx-40"
     ></InstructionPage>
 
     <!-- start button -->
@@ -181,7 +181,7 @@ export default defineComponent({
           config.value = "Let's Start";
         } else {
           if (props.hasQuizEnded && !props.reviewAnswers) {
-            config.class = "text-sm md:text-sm text-primary text-white font-poppins-bold";
+            config.class = "text-sm md:text-sm text-white font-poppins-bold";
             config.value = "You cannot review answers now. Please come back after test ends.";
             if (props.sessionEndTimeText != "") {
               config.value += ` (${props.sessionEndTimeText})`