From 16c72d5b2fd6ba2babd745c59e7d86d436eeea24 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: Tue, 18 Feb 2025 19:11:29 -0600
Subject: [PATCH] Fix review teaser label and comment alignment

---
 src/components/ReviewTeaser.svelte | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/src/components/ReviewTeaser.svelte b/src/components/ReviewTeaser.svelte
index 901da4f3c..260edc890 100644
--- a/src/components/ReviewTeaser.svelte
+++ b/src/components/ReviewTeaser.svelte
@@ -119,18 +119,21 @@
           {formatTimestamp(review.timestamp)}
         </div>
       </div>
-      {#if review.comments.length > 0}
-        <div class="global-flex" style:gap="0.25rem" style:margin-left="auto">
-          <Icon name="comment" />{review.comments.length}
-        </div>
-      {/if}
-      {#if review.labels.length > 0}
-        <div class="global-flex" style:margin-left="auto">
-          {#each review.labels as label}
-            <Label {label} />
-          {/each}
-        </div>
-      {/if}
+
+      <div class="global-flex" style:gap="1rem">
+        {#if review.labels.length > 0}
+          <div class="global-flex" style:margin-left="auto">
+            {#each review.labels as label}
+              <Label {label} />
+            {/each}
+          </div>
+        {/if}
+        {#if review.comments.length > 0}
+          <div class="global-flex" style:gap="0.25rem" style:margin-left="auto">
+            <Icon name="comment" />{review.comments.length}
+          </div>
+        {/if}
+      </div>
     </div>
     {#if review.summary?.trim()}
       <div>