Fix UI - added CSS to submit button

static/css/quiz.css

@@ -92,3 +92,14 @@ input[type="radio"]:checked + label {
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
 }
+
+.end {
+  margin: auto;
+}
+
+.button.is-fullwidth {
+  display: flex;
+  width: 50%;
+  margin: auto;
+  margin-top: 30px;
+}

templates/quiz.html

@@ -69,7 +69,9 @@
             </main>
         </section>
         {% endfor %}
-        <button type="submit">Submit</button>
+        <div class="end">
+        <button type="submit" class="button is-dark has-text-weight-bold has-text-centered is-fullwidth is-rounded">Submit</button>
+        </div>
     </form>
 
     {% else %}