From 8153ba12b5a5d12f4d9b127ec20b438d885c862a Mon Sep 17 00:00:00 2001
From: Rafael Bardini <rafael@rbardini.com>
Date: Tue, 8 Mar 2022 12:43:57 +0100
Subject: [PATCH] feat(contact): inline list items on mobile

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

diff --git a/style.css b/style.css
index db37dfc..3a71cdb 100644
--- a/style.css
+++ b/style.css
@@ -67,7 +67,7 @@ ul {
   padding-left: 1em;
 }
 
-li + li {
+:not(.icon-list) > li + li {
   margin-top: 0.4em;
 }
 
@@ -183,6 +183,10 @@ blockquote > * + * {
 }
 
 .icon-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4em 1em;
+  justify-content: center;
   list-style: none;
   padding: 0;
 }
@@ -235,6 +239,10 @@ blockquote > * + * {
     display: contents;
   }
 
+  .icon-list {
+    flex-direction: column;
+  }
+
   .grid-list {
     grid-template-columns: 1fr 1fr;
   }
diff --git a/tap-snapshots/test/render.js.test.cjs b/tap-snapshots/test/render.js.test.cjs
index 1fe7670..58a134f 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;
 }
 
-li + li {
+:not(.icon-list) > li + li {
   margin-top: 0.4em;
 }
 
@@ -199,6 +199,10 @@ blockquote > * + * {
 }
 
 .icon-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4em 1em;
+  justify-content: center;
   list-style: none;
   padding: 0;
 }
@@ -251,6 +255,10 @@ blockquote > * + * {
     display: contents;
   }
 
+  .icon-list {
+    flex-direction: column;
+  }
+
   .grid-list {
     grid-template-columns: 1fr 1fr;
   }