Show tardiness in lesson overview

aleksis/apps/alsijil/static/css/alsijil/lesson.css

@@ -10,6 +10,11 @@
     text-decoration: line-through;
 }
 
+.alsijil-tardiness-text{
+    vertical-align: super;
+}
+
+
 @media only screen and (max-width : 992px) {
     table.responsive-table.alsijil-table th,
     table.responsive-table.alsijil-table td {

aleksis/apps/alsijil/templates/alsijil/class_register/lesson.html

 {# -*- engine:django -*- #}
 {% extends "core/base.html" %}
-{% load week_helpers material_form_internal material_form i18n static rules %}
+{% load week_helpers material_form_internal material_form i18n static rules time_helpers %}
 
 {% block browser_title %}{% blocktrans %}Lesson{% endblocktrans %}{% endblock %}
 
@@ -270,7 +270,12 @@
                     <tr>
                       <td>{{ form.person_name.value }}</td>
                       <td><i class="material-icons center">{{ form.absent.value|yesno:"check,clear" }}</i></td>
-                      <td><i class="material-icons center">{{ form.late.value|yesno:"check,clear" }}</i></td>
+                      <td>
+                          <i class="material-icons center">{{ form.late.value|yesno:"check,clear" }}</i>
+                          <span class="alsijil-tardiness-text">
+                            {% if form.late.value %}{{ form.late.value|to_time|time:"i\m" }}{% endif %}
+                          </span>
+                      </td>
                       <td><i class="material-icons center">{{ form.excused.value|yesno:"check,clear" }}</i></td>
                       <td>{% firstof form.excuse_type.value "–" %}</td>
                       <td>