<tr class="calendar-row">

      <th scope="row" class="time"><p>{{ row.time|date:"h:iA" }}</p></th>

      {% for slot in row.slots %}

      <td class="slot slot-{{ slot.kind.label }}" colspan="{{ slot.colspan }}" rowspan="{{ slot.rowspan }}">

        {% with slot.kind.label.lower as label %}

        {% if label == "talk" or label == "tutorial" %}

          <p>

            <a href="{% url "schedule_presentation_detail" slot.content.pk %}">{{ slot.content.title }}</a>

            <br />

            {{ slot.content.speakers|join:", " }}

          </p>

          {% flag "session_chair" %}

          {% if slot.sessions and not edit_schedule %}

          <div>

            {% for session in slot.sessions.all %}

            <em>Session chair:

              {% if not session.chair %}

<div class="mobile-slot my-3">

  {% if forloop.first %}

    <h3>{{ row.time|date:"h:iA" }}&ndash;{{ row.end|date:"h:iA" }}</h3>

  {% endif %}

  {% with slot.kind.label.lower as label %}

  {% if label == "talk" or label == "tutorial" %}

    <p>

      <a href="{% url "schedule_presentation_detail" slot.content.pk %}">{{ slot.content.title }}</a>

      <br>

      {{ slot.content.speakers|join:", "}}

    </p>

    {% endif %}

  {% elif label == "shortbreak" %}

  {% else %}

    {% if slot.content_override %}

      {{ slot.content_override_html|safe }}

    {% else %}