From 6b8eaefa5fa6de515d9a3660bf59ae83f917083c Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Jul 2024 10:44:41 +0800
Subject: [PATCH] Add inline-list utility class

---
 src/assets/css/utility.css | 6 ++++++
 src/links/websites.njk     | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/utility.css b/src/assets/css/utility.css
index 4fa8ebd5..5f09a5f9 100644
--- a/src/assets/css/utility.css
+++ b/src/assets/css/utility.css
@@ -25,6 +25,12 @@
     fill: currentColor;
 }
 
+.inline-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.7em 1.5em;
+}
+
 .hidden { display: none; }
 
 .visually-hidden {
diff --git a/src/links/websites.njk b/src/links/websites.njk
index a68b69df..f29826c4 100644
--- a/src/links/websites.njk
+++ b/src/links/websites.njk
@@ -35,13 +35,13 @@ date: 2023-01-28
     {{ siteButton("https://whiona.me/", "sites/whiona.png", "Whiona") }}
     {{ siteButton("https://xandra.cc/", "sites/xandra.png", "Museum of Alexandra") }}
 </ul>
-<ul>
+<ul class="inline-list">
     <li><a href="https://www.eladnarra.com/">eladnarra's site</a></li>
     <li><a href="https://stitchmediamix.com/">Stitch’s Media Mix</a></li>
 </ul>
 
 <h3>Link Exchanges</h3>
-<ul>
+<ul class="inline-list">
     <li><a href="https://theretrosaga.com/">The Retro Saga</a></li>
 </ul>
 
@@ -55,7 +55,7 @@ date: 2023-01-28
     {{ siteButton("https://kalechips.net/responsive/", "directories/responsiveweb.png", "Responsive Web Directory") }}
     {{ siteButton("https://smoothsailing.asclaria.org/", "directories/smoothsailing.png", "Smooth Sailing Listings") }}
 </ul>
-<ul>
+<ul class="inline-list">
     <li>👻 Proud member of <a href="https://darktheme.club/">darktheme.club</a> 👻</li>
 </ul>