Fix chat-history panel scrolling

i-dot-ai · Jul 30, 2024 · 455c6f6 · 455c6f6
1 parent ab87586
commit 455c6f6
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/django_app/redbox_app/templates/chats.html b/django_app/redbox_app/templates/chats.html
@@ -25,17 +25,18 @@ <h1 class="govuk-visually-hidden">Chats</h1>
 
       <div class="iai-panel govuk-!-margin-top-6">
         <h2 class="govuk-heading-s">Recent chats</h2>
-
-        {% for date_group, chats in chat_history_grouped_by_date_group %}
-        <h3 class="rb-chat-history__date_group govuk-body-s govuk-!-font-weight-bold govuk-!-margin-bottom-1">{{ date_group }}</h3>
-        <ul class="govuk-list govuk-list--spaced iai-panel__scrollable">
-          {% for chat in chats %}
-            <li class="govuk-!-margin-bottom-1">
-              <a class="govuk-link govuk-body-s" href="{{url('chats', chat.id)}}">{{ chat.name }}</a>
-            </li>
+        <div class="iai-panel__scrollable">
+          {% for date_group, chats in chat_history_grouped_by_date_group %}
+          <h3 class="rb-chat-history__date_group govuk-body-s govuk-!-font-weight-bold govuk-!-margin-bottom-1">{{ date_group }}</h3>
+          <ul class="govuk-list govuk-list--spaced">
+            {% for chat in chats %}
+              <li class="govuk-!-margin-bottom-1">
+                <a class="govuk-link govuk-body-s" href="{{url('chats', chat.id)}}">{{ chat.name }}</a>
+              </li>
+            {% endfor %}
+          </ul>
           {% endfor %}
-        </ul>
-        {% endfor %}
+        </div>
       </div>
 
       <document-selector class="iai-panel iai-panel govuk-!-margin-top-6 govuk-!-margin-bottom-9">