fix: minor ui issues

app/templates_src/chats.lisp

@@ -22,7 +22,7 @@
     (div
         ("class" "card surface w_full flex justify_between items_center gap_2")
         (a
-            ("class" "flush flex gap_ch items_center {% if not user.id in chat[0].last_message_read_by -%} yellow {%- endif %}")
+            ("class" "flush flex gap_ch items_center flex_wrap {% if not user.id in chat[0].last_message_read_by -%} yellow {%- endif %}")
             ("href" "/chats/{{ chat[0].id }}")
             (text "{{ components::chat_name(chat=chat[0], members=chat[1], advanced=true) }}"))
         (div

app/templates_src/components.lisp

@@ -112,6 +112,7 @@
 (text "{% if replying_to -%}")
 (div
     ("class" "message_reply_wrapper")
+    ("id" "message_{{ message.id }}_reply")
     (text "{{ self::message(message=replying_to, hide_actions=true) }}"))
 (text "{%- endif %}")
 (text "{%- endmacro %}")

app/templates_src/root.lisp

@@ -112,8 +112,7 @@
         (article
             ("class" "content_container flex flex_col")
             ("id" "page")
-            (ul ("id" "messages"))
-            (text "{% block body %}{% endblock %}")
-            (div ("style" "min-height: 32px")))
+            (ul ("class" "hidden") ("id" "messages"))
+            (text "{% block body %}{% endblock %}"))
 
         (script (text "setTimeout(() => init_dropdowns(document.body), 150);"))))