make checkboxes larger and remove text clicking for completion

public/css/main.less

@@ -27,10 +27,21 @@ html {
   overflow-x: hidden;
 }
 
+input[type=checkbox]
+{
+  /* Double-sized Checkboxes */
+  -ms-transform: scale(2); /* IE */
+  -moz-transform: scale(2); /* FF */
+  -webkit-transform: scale(2); /* Safari and Chrome */
+  -o-transform: scale(2); /* Opera */
+  padding: 10px;
+}
+
 body.full-screen-body-background {
   background-color: #eeeeee;
 }
 
+
 body.top-and-bottom-margins {
   padding-top: 80px;
   margin-bottom: 60px;

public/js/main.js

@@ -31,10 +31,6 @@ $(document).ready(function() {
       .addClass('animated fadeInDown');
   });
 
-  $('.step-text').on('click', function() {
-    $(this).parent().parent().parent().children().children('input').trigger('click');
-  });
-
   $('.challenge-list-checkbox').on('change', function() {
     var checkboxId = $(this).parent().parent().attr('id');
     if ($(this).is(":checked")) {

views/coursewares/showVideo.jade

@@ -8,9 +8,9 @@ block content
                     ol
                         for step, index in details
                             .row.checklist-element(id="#{dashedName + index}")
-                                .col-xs-2.col-sm-1.col-md-2.padded-ionic-icon.text-center
+                                .col-xs-3.col-sm-1.col-md-2.padded-ionic-icon.text-center
                                     input(type='checkbox' class='challenge-list-checkbox')
-                                .col-xs-10.col-sm-11.col-md-10
+                                .col-xs-9.col-sm-11.col-md-10
                                     li
                                         .step-text!= step
         .col-xs-12.col-sm-12.col-md-8

views/coursewares/showZiplineOrBasejump.jade

@@ -8,9 +8,9 @@ block content
                     ol
                         for step, index in details
                             .row.checklist-element(id="#{dashedName + index}")
-                                .col-xs-2.col-sm-1.col-md-2.padded-ionic-icon.text-center
+                                .col-xs-3.col-sm-1.col-md-2.padded-ionic-icon.text-center
                                     input(type='checkbox' class='challenge-list-checkbox')
-                                .col-xs-10.col-sm-11.col-md-10
+                                .col-xs-9.col-sm-11.col-md-10
                                     li
                                         .step-text!= step
         .col-xs-12.col-sm-12.col-md-8