From 7c71ff9ad67e7f9de4e664aa0884b25d8bd3822d Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Wed, 31 May 2023 15:11:33 +0200
Subject: [PATCH] Fix wrapping of PatchTeaser

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
---
 src/views/projects/Patch/PatchTeaser.svelte | 32 +++++++++------------
 1 file changed, 13 insertions(+), 19 deletions(-)

diff --git a/src/views/projects/Patch/PatchTeaser.svelte b/src/views/projects/Patch/PatchTeaser.svelte
index 379c045a0..84f7de4ae 100644
--- a/src/views/projects/Patch/PatchTeaser.svelte
+++ b/src/views/projects/Patch/PatchTeaser.svelte
@@ -60,17 +60,13 @@
   .patch-title:hover {
     text-decoration: underline;
   }
-  .comment-count {
-    align-items: center;
-    padding-right: 1rem;
-    gap: 0.5rem;
-    color: var(--color-foreground-5);
-  }
   .right {
-    align-self: center;
-    justify-self: center;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
     padding-right: 1rem;
     margin-left: auto;
+    color: var(--color-foreground-5);
   }
   .state {
     justify-self: center;
@@ -152,16 +148,14 @@
     </div>
   </div>
   <div class="right">
-    <div class="comment-count">
-      {#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>
+    {#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>