added answer option button design

Author: suhailvs

django_school/classroom/templates/classroom/students/take_quiz_form.html

@@ -2,6 +2,35 @@
 
 {% load crispy_forms_tags %}
 
+{% block css %}
+<style type="text/css">
+/* https://jsbin.com/zequb/7/edit */
+input[type=radio]{
+  /* hide original inputs */
+  visibility: hidden;
+  position: absolute;
+}
+input[type=radio] + label{
+  cursor:pointer;
+}
+input[type=radio] + label:before{
+  width:16px;
+  height:16px;
+  content: " ";
+  display:inline-block;
+  border:1px solid #ccc;
+  border-radius:50%; 
+  box-shadow: inset 0 -3px 6px #e4e4e4;
+  transition: 0.3s;
+}
+
+/* CHECKED */
+input[type=radio]:checked + label:before{
+  box-shadow: inset 0 0 0 5px #2196F3;
+}
+</style>
+{% endblock %}
+
 {% block content %}
   <div class="progress mb-3">
     <div class="progress-bar" role="progressbar" aria-valuenow="{{ progress }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ progress }}%"></div>