From 42c5385e427ebf75451d4ca137c2b1ba1fb5708e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Thu, 1 Jun 2023 15:35:48 +0200
Subject: [PATCH] Move comment counter before the diff stat badge
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 src/views/projects/Patch/PatchTeaser.svelte | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/views/projects/Patch/PatchTeaser.svelte b/src/views/projects/Patch/PatchTeaser.svelte
index 84f7de4ae..fdadd0f87 100644
--- a/src/views/projects/Patch/PatchTeaser.svelte
+++ b/src/views/projects/Patch/PatchTeaser.svelte
@@ -63,7 +63,7 @@
   .right {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    gap: 1rem;
     padding-right: 1rem;
     margin-left: auto;
     color: var(--color-foreground-5);
@@ -78,6 +78,11 @@
     flex-direction: row;
     gap: 0.5rem;
   }
+  .comments {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
   .tag {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -148,14 +153,18 @@
     </div>
   </div>
   <div class="right">
+    {#if latestRevision.discussions.length > 0}
+      <div class="comments">
+        <Icon name="chat" />
+        <span>
+          {latestRevision.discussions.length}
+        </span>
+      </div>
+    {/if}
     {#await diffPromise then { diff }}
       <DiffStatBadge
         insertions={diff.stats.insertions}
         deletions={diff.stats.deletions} />
     {/await}
-    {#if latestRevision.discussions.length > 0}
-      <Icon name="chat" />
-      <span>{latestRevision.discussions.length}</span>
-    {/if}
   </div>
 </div>