From 5e227d9fc3e93d9f5f9b36427af6c3920255b1ba Mon Sep 17 00:00:00 2001
From: timotheegoguely <timothee@goguely.com>
Date: Wed, 30 Oct 2024 15:22:01 +0100
Subject: [PATCH] Prevent comment id, page and date from being shrinked

---
 src/components/comments/Comment.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/comments/Comment.vue b/src/components/comments/Comment.vue
index 920ab7b..9c249fa 100644
--- a/src/components/comments/Comment.vue
+++ b/src/components/comments/Comment.vue
@@ -8,7 +8,7 @@
           •
         </template>
         <span class="comment__page">Page {{ comment.file.pageIndex }}</span>
-        <time :datetime="dayjs(comment.date).format('YYYY-MM-DD')">{{
+        <time class="comment__date" :datetime="dayjs(comment.date).format('YYYY-MM-DD')">{{
           formatDate(comment.date)
         }}</time>
       </p>
@@ -137,6 +137,11 @@ async function readNotification(notificationId) {
 .comment[data-opened="true"] .comment__replies {
   color: var(--color-primary);
 }
+.comment__id,
+.comment__page,
+.comment__date {
+  flex-shrink: 0;
+}
 .comment__ctas > * {
   --border-color: transparent;
   margin-right: var(--space-4);