From 8e7e94c896343dfe15eaafcc7720e0bf985fa941 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Tue, 4 Jul 2023 16:52:18 +0200
Subject: [PATCH] Add padding to reviews without comment

Signed-off-by: Sebastian Martinez <me@sebastinez.dev>
---
 src/views/projects/Cob/Revision.svelte | 35 ++++++++++++++++----------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/views/projects/Cob/Revision.svelte b/src/views/projects/Cob/Revision.svelte
index 5d4fa7449..17a7c00e6 100644
--- a/src/views/projects/Cob/Revision.svelte
+++ b/src/views/projects/Cob/Revision.svelte
@@ -83,6 +83,7 @@
   .action {
     border-radius: var(--border-radius-small);
     min-height: 3rem;
+    align-items: center;
   }
   .merge {
     background-color: var(--color-primary-3);
@@ -99,6 +100,10 @@
     color: var(--color-negative-6);
     background-color: var(--color-negative-3);
   }
+  .authorship-box {
+    padding: 0.5rem 1rem;
+  }
+
   .diff-error {
     margin: 1rem 1.5rem;
   }
@@ -392,25 +397,29 @@
                 class:comment-review={review.verdict === null}
                 class:positive-review={review.verdict === "accept"}
                 class:negative-review={review.verdict === "reject"}>
-                <Authorship
-                  authorId={author}
-                  authorAlias={review.author.alias}
-                  authorAliasColor={aliasColorForVerdict(review.verdict)}
-                  timestamp={element.timestamp}>
-                  {formatVerdict(review.verdict)}
-                </Authorship>
+                <div class="authorship-box">
+                  <Authorship
+                    authorId={author}
+                    authorAlias={review.author.alias}
+                    authorAliasColor={aliasColorForVerdict(review.verdict)}
+                    timestamp={element.timestamp}>
+                    {formatVerdict(review.verdict)}
+                  </Authorship>
+                </div>
               </div>
               <div
                 class="action layout-mobile-flex txt-tiny"
                 class:comment-review={review.verdict === null}
                 class:positive-review={review.verdict === "accept"}
                 class:negative-review={review.verdict === "reject"}>
-                <Authorship
-                  authorId={author}
-                  authorAlias={review.author.alias}
-                  authorAliasColor={aliasColorForVerdict(review.verdict)}>
-                  {formatVerdict(review.verdict)}
-                </Authorship>
+                <div class="authorship-box">
+                  <Authorship
+                    authorId={author}
+                    authorAlias={review.author.alias}
+                    authorAliasColor={aliasColorForVerdict(review.verdict)}>
+                    {formatVerdict(review.verdict)}
+                  </Authorship>
+                </div>
               </div>
             {/if}
           {/if}