.

anatomy/static/css/anatomy.css

@@ -587,24 +587,6 @@ table.longs .user-answer-score- {
   background-color: red;
 }
 
-.published-icon {
-  border: 1px dotted gray;
-  opacity: 20%;
-  border-radius: 4px;
-  display: inline-block;
-}
-
-.published-icon:hover {
-  opacity: 100%;
-}
-
-.exam-publish-results-switch + .published-icon {
-  border: 1px solid purple;
-  color: purple;
-  opacity: 100%;
-  display: inline-block;
-}
-
 textarea,
 input {
   border-radius: 2px;

templates/exam_list.html

@@ -12,9 +12,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> 
-                        <label for="{{exam.pk}}-pub" class="flex-col icon-container published-icon {% if exam.publish_results %}published{% endif %}">Results Published</label>
                         <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 {% if exam.publish_results %}published{% endif %}">Results Published</label>
                     </li>
                 {% endif %}
             {% endfor %}
@@ -43,4 +43,27 @@
         {% endif %}
     </div>
     {% include 'exam_overview_js.html' %}
+
+    <style>
+
+.published-icon {
+  border: 1px dotted gray;
+  opacity: 20%;
+  border-radius: 4px;
+  display: inline-block;
+}
+
+.published-icon:hover {
+  opacity: 100%;
+}
+
+:checked + .published-icon {
+  border: 1px solid purple;
+  color: purple;
+  opacity: 100%;
+  display: inline-block;
+}
+</style>
+
 {% endblock %}
+