From 9e3ce285c560e76cb19c9b47ddd2951cc02d8215 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 9 Sep 2024 17:24:50 +0200
Subject: [PATCH] fix: community page

---
 src/routes/community/+page.svelte | 23 ++++++++++++-----------
 src/scss/6-elements/_table.scss   |  2 +-
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/routes/community/+page.svelte b/src/routes/community/+page.svelte
index 15c276528f..316cb2617e 100644
--- a/src/routes/community/+page.svelte
+++ b/src/routes/community/+page.svelte
@@ -270,8 +270,7 @@
                         style="--card-padding:2rem; --card-padding-mobile:1.25rem;"
                     >
                         <div
-                            class="web-u-flex-direction-column-mobile web-u-row-gap-48
-									flex gap-24"
+                            class="web-u-flex-direction-column-mobile web-u-row-gap-48 flex gap-28"
                         >
                             <div>
                                 <h3 class="text-label text-primary">Check our Open Issues</h3>
@@ -293,10 +292,10 @@
                                     <thead class="web-table-line-head">
                                         <tr class="web-table-line-row">
                                             <th
-                                                class="web-table-line-cell text-primary whitespace-nowrap"
+                                                class="web-table-line-cell text-primary whitespace-nowrap text-start"
                                                 >Issue #</th
                                             >
-                                            <th class="web-table-line-cell text-primary">Title</th>
+                                            <th class="web-table-line-cell text-primary text-start">Title</th>
                                         </tr>
                                     </thead>
                                     <tbody class="web-table-line-body">
@@ -318,13 +317,15 @@
                                                         </a>
                                                         <span>({issue.repository})</span>
                                                     </div>
-                                                    <ul class="mt-2 flex flex-wrap gap-2">
-                                                        {#each issue.tags as tag}
-                                                            <li>
-                                                                <div class="web-tag">{tag}</div>
-                                                            </li>
-                                                        {/each}
-                                                    </ul>
+                                                    {#if issue.tags.length > 0}
+                                                        <ul class="mt-2 flex flex-wrap gap-2">
+                                                            {#each issue.tags as tag}
+                                                                <li>
+                                                                    <div class="web-tag">{tag}</div>
+                                                                </li>
+                                                            {/each}
+                                                        </ul>
+                                                    {/if}
                                                 </td>
                                             </tr>
                                         {/each}
diff --git a/src/scss/6-elements/_table.scss b/src/scss/6-elements/_table.scss
index 5b09607836..daeec968c1 100644
--- a/src/scss/6-elements/_table.scss
+++ b/src/scss/6-elements/_table.scss
@@ -72,7 +72,7 @@
     border-block-end:solid pxToRem(1) hsl(var(--web-color-smooth));
   }
   &-cell {
-    &:nth-child(n + 2) { padding-inline-start:pxToRem(24); }
+    &:nth-child(n + 2) { padding-inline-start:pxToRem(48); }
   }
 
   &-head {