From 34482cd1005911a5ea94ba8192f0a680d75b3456 Mon Sep 17 00:00:00 2001
From: Lars Eggert <lars@eggert.org>
Date: Mon, 10 Apr 2023 16:58:22 +0300
Subject: [PATCH] fix: Long session titles were overlapping the materials
 buttons (#5454)

---
 .../meeting/session_details_panel.html        | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/ietf/templates/meeting/session_details_panel.html b/ietf/templates/meeting/session_details_panel.html
index c5662bfc2..845cf0949 100644
--- a/ietf/templates/meeting/session_details_panel.html
+++ b/ietf/templates/meeting/session_details_panel.html
@@ -2,30 +2,32 @@
 {% origin %}
 {% for session in sessions %}
     {% with item=session.official_timeslotassignment %} {% with timeslot=item.timeslot %}
-        <h3 class="mt-4" id="session_{{ session.pk }}">
-            {% if sessions|length > 1 %}Session {{ forloop.counter }} :{% endif %}
-            {% for time in session.times %}
-                {% if not forloop.first %},{% endif %}
-                {{ time|timezone:session.meeting.time_zone|dateformat:"l Y-m-d H:i T" }}
-                {% if time.tzinfo.zone != "UTC" %}<span class="small">({{ time|utc|dateformat:"H:i T" }})</span>{% endif %}
-            {% endfor %}
-            {% if session.cancelled %}
-                <small class="badge rounded-pill bg-warning">Cancelled</small>
-            {% else %}
-                {{ session.status }}
+        <div class="mt-4">
+            {% if not session.cancelled %}
+                <div class="regular ms-3 float-end">
+                    {# see note in the included templates re: show_agenda parameter and required JS import #}
+                    {% if meeting.type.slug == 'interim' %}
+                        {% include "meeting/interim_session_buttons.html" with show_agenda=False show_empty=False %}
+                    {% else %}
+                        {% include "meeting/session_buttons_include.html" with show_agenda=False item=session.official_timeslotassignment use_notes=session.meeting.use_notes %}
+                    {% endif %}
+                </div>
             {% endif %}
-            {% if session.name %}: {{ session.name }}{% endif %}
-        </h3>
-        {% if not session.cancelled %}
-            <div class="regular float-end">
-                {# see note in the included templates re: show_agenda parameter and required JS import #}
-                {% if meeting.type.slug == 'interim' %}
-                    {% include "meeting/interim_session_buttons.html" with show_agenda=False show_empty=False %}
+            <h3 class="" id="session_{{ session.pk }}">
+                {% if sessions|length > 1 %}Session {{ forloop.counter }} :{% endif %}
+                {% for time in session.times %}
+                    {% if not forloop.first %},{% endif %}
+                    {{ time|timezone:session.meeting.time_zone|dateformat:"l Y-m-d H:i T" }}
+                    {% if time.tzinfo.zone != "UTC" %}<span class="small">({{ time|utc|dateformat:"H:i T" }})</span>{% endif %}
+                {% endfor %}
+                {% if session.cancelled %}
+                    <small class="badge rounded-pill bg-warning">Cancelled</small>
                 {% else %}
-                    {% include "meeting/session_buttons_include.html" with show_agenda=False item=session.official_timeslotassignment use_notes=session.meeting.use_notes %}
+                    {{ session.status }}
                 {% endif %}
-            </div>
-        {% endif %}
+                {% if session.name %}: {{ session.name }}{% endif %}
+            </h3>
+        </div>
         {% if session.agenda_note %}<h3 class="mt-4">{{ session.agenda_note }}</h3>{% endif %}
         {% if can_manage_materials %}
             {% if session.current_status == 'sched' or session.current_status == 'schedw' %}