.

templates/exam_list.html

@@ -29,7 +29,9 @@
                         {% if marking %}<a href="{% url app_name|add:':mark_overview' pk=exam.pk %}" class="flex-col">Mark</a>{% endif %}
                         <a href="{% url app_name|add:':exam_cids' exam_id=exam.pk %}" class="flex-col">Candidates</a> 
                         <a href="{% url app_name|add:':exam_scores_cid' pk=exam.pk %}" class="flex-col">Scores</a> 
-                        <span class="flex-col icon-container"><span class="published-icon {% if exam.publish_results %}published{% endif %}">Results Published</span></span>
+                        <input type="checkbox" id="{{exam.pk}}-pub" class="exam-publish-results-switch" data-posturl="{% url app_name|add:':exam_toggle_results_published' pk=exam.pk %}"
+            {% if exam.publish_results %}checked{% endif %}>
+                        <label for="{{exam.pk}}-pub" class="flex-col icon-container published-icon">Results Published</label>
                     </li>
                 {% endif %}
             {% endfor %}
@@ -51,6 +53,9 @@
   opacity: 20%;
   border-radius: 4px;
   display: inline-block;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
 }
 
 .published-icon:hover {
@@ -63,6 +68,10 @@
   opacity: 100%;
   display: inline-block;
 }
+
+.exam-publish-results-switch {
+    display: none;
+}
 </style>
 
 {% endblock %}