From e9009dcb9ce9761d59339537e9fbbd160f47187b Mon Sep 17 00:00:00 2001
From: Jannat Patel <pateljannat2308@gmail.com>
Date: Thu, 3 Nov 2022 15:23:16 +0530
Subject: [PATCH] fix: quiz button mayout

---
 lms/templates/quiz.html | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/lms/templates/quiz.html b/lms/templates/quiz.html
index da378cee..babf9758 100644
--- a/lms/templates/quiz.html
+++ b/lms/templates/quiz.html
@@ -15,20 +15,29 @@
 
 <div class="">
     <div id="start-banner">
+        <button class="btn btn-secondary btn-sm btn-start-quiz pull-right"> {{ _("Start the Quiz") }} </button>
+
         <div class="font-weight-bold mb-5" style="font-size: var(--text-lg);"> {{ quiz.title }} </div>
-        <div class="alert alert-info medium mb-5">
+
+        <div class="alert alert-info medium">
             {{ _("This quiz consists of {0} questions.").format(quiz.questions | length) }}
-            {% if quiz.max_attempts %}
-            {% set suffix = "times" if quiz.max_attempts > 1 else "time" %}
-            {{ _("This quiz can only be taken {0} {1}. If you attempt the quiz but leave the page before submitting,
-            the quiz will be automatically submitted.").format(quiz.max_attempts, suffix) }}
-            {% endif %}
-            {% if quiz.time %}
-            {{ _("The quiz has a time limit. For each question you will be given {0} seconds.").format(quiz.time) }}
-            {% endif %}
         </div>
 
-        <button class="btn btn-secondary m-auto btn-start-quiz"> {{ _("Start the Quiz") }} </bu>
+        {% if quiz.max_attempts %}
+        {% set suffix = "times" if quiz.max_attempts > 1 else "time" %}
+        <div class="alert alert-info medium">
+            {{ _("This quiz can only be taken {0} {1}. If you attempt the quiz but leave the page before submitting,
+            the quiz will be automatically submitted.").format(quiz.max_attempts, suffix) }}
+        </div>
+        {% endif %}
+
+        {% if quiz.time %}
+        <div class="alert alert-info medium">
+            {{ _("The quiz has a time limit. For each question you will be given {0} seconds.").format(quiz.time) }}
+        </div>
+        {% endif %}
+
+
     </div>
 
     <form id="quiz-form" class="hide">