From a963bf3e6408a1274f206a0f4e42112d1aadc06c Mon Sep 17 00:00:00 2001
From: Rafael Bardini <rafael@rbardini.com>
Date: Tue, 8 Mar 2022 12:56:28 +0100
Subject: [PATCH] feat(skills): use flex gap and round tag corners

---
 style.css                             | 5 +++--
 tap-snapshots/test/render.js.test.cjs | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 3a71cdb..21f5ca7 100644
--- a/style.css
+++ b/style.css
@@ -67,7 +67,7 @@ ul {
   padding-left: 1em;
 }
 
-:not(.icon-list) > li + li {
+:not(.icon-list, .tag-list) > li + li {
   margin-top: 0.4em;
 }
 
@@ -199,13 +199,14 @@ blockquote > * + * {
 .tag-list {
   display: flex;
   flex-wrap: wrap;
+  gap: 0.4em;
   list-style: none;
   padding: 0;
 }
 
 .tag-list > li {
   background: var(--color-muted);
-  margin: 0 0.2em 0.2em 0;
+  border-radius: 0.2em;
   padding: 0.2em 0.6em;
 }
 
diff --git a/tap-snapshots/test/render.js.test.cjs b/tap-snapshots/test/render.js.test.cjs
index 58a134f..bb948ef 100644
--- a/tap-snapshots/test/render.js.test.cjs
+++ b/tap-snapshots/test/render.js.test.cjs
@@ -83,7 +83,7 @@ ul {
   padding-left: 1em;
 }
 
-:not(.icon-list) > li + li {
+:not(.icon-list, .tag-list) > li + li {
   margin-top: 0.4em;
 }
 
@@ -215,13 +215,14 @@ blockquote > * + * {
 .tag-list {
   display: flex;
   flex-wrap: wrap;
+  gap: 0.4em;
   list-style: none;
   padding: 0;
 }
 
 .tag-list > li {
   background: var(--color-muted);
-  margin: 0 0.2em 0.2em 0;
+  border-radius: 0.2em;
   padding: 0.2em 0.6em;
 }