Merge pull request #181 from…

Merge pull request #181 from edx/muhhshoaib/SOL-1235-update-button-stylings-in-ready-to-submit-timed-exams-page

SOL-1235 Timed Exams: Student Experience UI updated the button styles

edx_proctoring/templates/proctored_exam/ready_to_start.html

@@ -15,7 +15,7 @@
       {% endblocktrans %}
     </p>
     <div>
-      <button type="button" class="proctored-enter-exam" data-action="start" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
+      <button type="button" class="proctored-enter-exam btn btn-primary btn-base" data-action="start" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
         {% blocktrans %}
           Start my exam
         {% endblocktrans %}

edx_proctoring/templates/proctored_exam/ready_to_submit.html

@@ -12,21 +12,21 @@
       as well as achieve a final grade that meets credit requirements for the course.
     {% endblocktrans %}
   </p>
-  <div>
-    <button type="button" name="submit-proctored-exam" class="exam-action-button" data-action="submit" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
+  <P>
+    <button type="button" name="submit-proctored-exam" class="exam-action-button btn btn-primary btn-base" data-action="submit" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
       {% blocktrans %}
         Yes, end my proctored exam
       {% endblocktrans %}
     </button>
-  </div>
+  </P>
   {% if does_time_remain %}
-    <div>
-      <button type="button" name="goback-proctored-exam" class="exam-action-button" data-action="start" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
+    <P>
+      <button type="button" name="goback-proctored-exam" class="exam-action-button btn btn-primary btn-base" data-action="start" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
         {% blocktrans %}
           No, I'd like to continue working
         {% endblocktrans %}
       </button>
-    </div>
+    </P>
   {% endif %}
 </div>
 <script type="text/javascript">

edx_proctoring/templates/timed_exam/ready_to_submit.html

@@ -11,21 +11,17 @@
       and your worked will then be graded.
     {% endblocktrans %}
   </p>
-  <div>
-    <button type="button" name="submit-proctored-exam" class="exam-action-button" data-action="submit" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
+  <button type="button" name="submit-proctored-exam" class="exam-action-button btn btn-primary btn-base" data-action="submit" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
+    {% blocktrans %}
+      Yes, end my timed exam
+    {% endblocktrans %}
+  </button>
+  {% if does_time_remain %}
+    <button type="button" name="goback-proctored-exam" class="exam-action-button btn btn-secondary btn-base" data-action="start" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
       {% blocktrans %}
-        Yes, end my timed exam
+        No, I'd like to continue working
       {% endblocktrans %}
     </button>
-  </div>
-  {% if does_time_remain %}
-    <div>
-      <button type="button" name="goback-proctored-exam" class="exam-action-button" data-action="start" data-exam-id="{{exam_id}}" data-change-state-url="{{change_state_url}}">
-        {% blocktrans %}
-          No, I'd like to continue working
-        {% endblocktrans %}
-      </button>
-    </div>
   {% endif %}
 </div>
 <script type="text/javascript">