From b43e6fa82a42421f07af620333fcbf80e4109f4b Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Thu, 18 Jul 2024 12:53:43 +0800
Subject: [PATCH] Add inline image utility class

---
 src/_includes/main/webcliques.njk | 4 ++--
 src/assets/css/utility.css        | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/_includes/main/webcliques.njk b/src/_includes/main/webcliques.njk
index ce8155dc..b654fbfe 100644
--- a/src/_includes/main/webcliques.njk
+++ b/src/_includes/main/webcliques.njk
@@ -1,6 +1,6 @@
 <ul>
     <li>My favourite food is: <a href="https://frankie.fanacular.net/food">Mushrooms</a></li>
     <li>My favourite hot bevarage is <a href="https://cliques.moudoku.com/hot">Coffee</a></li>
-    <li><a href="http://cliqued.wings.nu/">OTF</a> <img src="/assets/cliques/OTF.png" alt="" style="display: inline-block;"> <a href="/shrines/cassettebeasts">Cassette Beasts</a></li>
-    <li><a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom <img src="/assets/cliques/breloom.png" alt="Icon sprite of Breloom the Pokémon" style="display: inline-block;"></li>
+    <li><a href="http://cliqued.wings.nu/">OTF</a> <img src="/assets/cliques/OTF.png" alt="" class="inline-img" loading="lazy"> <a href="/shrines/cassettebeasts">Cassette Beasts</a></li>
+    <li><a href="https://pkmn.caelestis.nu" rel="noopener noreferrer">I Choose You!</a> :: Breloom <img src="/assets/cliques/breloom.png" alt="Icon sprite of Breloom the Pokémon" class="inline-img" loading="lazy"></li>
 </ul>
\ No newline at end of file
diff --git a/src/assets/css/utility.css b/src/assets/css/utility.css
index 5f09a5f9..5f35cd22 100644
--- a/src/assets/css/utility.css
+++ b/src/assets/css/utility.css
@@ -1,6 +1,7 @@
 /* UTILITY CLASSES */
 .bold-text { font-weight: 700; }
 .center-text { text-align: center; }
+.inline-img { display: inline-block; }
 .break-word { word-break: break-word; }
 
 .center-el {