From 0a8cf36714f12a027e30e896a323d189fbbe41d9 Mon Sep 17 00:00:00 2001
From: Aldo Miranda-Aguilar <aldo.miranda.aguilar@gmail.com>
Date: Thu, 21 May 2026 17:13:56 -0600
Subject: [PATCH] feat(task): move new comment form to match sort order

When comments are sorted newest first, the new comment form now appears
above the list rather than below it, keeping the input close to the
most recent comments.
---
 .../src/components/tasks/partials/Comments.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/components/tasks/partials/Comments.vue b/frontend/src/components/tasks/partials/Comments.vue
index e0aa85774..5031039b4 100644
--- a/frontend/src/components/tasks/partials/Comments.vue
+++ b/frontend/src/components/tasks/partials/Comments.vue
@@ -146,6 +146,7 @@
 			<div
 				v-if="canWrite"
 				class="media comment d-print-none"
+				:class="{'new-comment-top': commentSortOrder === 'desc'}"
 			>
 				<figure class="media-left is-hidden-mobile">
 					<img
@@ -656,6 +657,23 @@ function getCommentUrl(commentId: string) {
 	}
 }
 
+.comments {
+	display: flex;
+	flex-direction: column;
+}
+
+.new-comment-top {
+	order: -1;
+	// Override the top separator inherited from .media + .media (DOM order places this last)
+	border-block-start: none;
+	margin-block-start: 0;
+	padding-block-start: 0;
+	// Provide the separator on the bottom side instead, toward the first existing comment
+	border-block-end: 1px solid rgba(var(--border-rgb), 0.5);
+	margin-block-end: 1rem;
+	padding-block-end: 1rem;
+}
+
 .comments-container {
 	scroll-margin-block-start: 4rem;
 }