refactor(ui): tags in card component have 4px gap

front/src/components/ui/Card.vue

@@ -74,11 +74,11 @@ const attributes = computed(() =>
       <slot name="alert" />
     </Alert>
 
-    <div v-if="tags" :class="$style.tags">
+    <Layout flex gap-4 v-if="tags" :class="$style.tags">
       <Pill v-for="tag in tags" :key="tag">
         #{{ tag }}
       </Pill>
-    </div>
+    </Layout>
 
     <Layout no-gap v-if="$slots.default" :class="$style.content">
       <slot />
@@ -191,8 +191,7 @@ const attributes = computed(() =>
   }
 
   >.tags {
-    /* Tags have an inherent padding which we offset here: */
-    padding: 0 calc(var(--fw-card-padding) - 12px);
+    padding: 0 var(--fw-card-padding);
     margin-top: 8px;
   }