From e4b5255491fd1e25c3916ce4087cdfaebd001e3c Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Sun, 23 Jun 2024 20:03:00 +0800
Subject: [PATCH] Add adoptables CSS class

---
 src/_includes/main/virtualpets.njk | 4 +++-
 src/assets/css/components.css      | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/_includes/main/virtualpets.njk b/src/_includes/main/virtualpets.njk
index 18d2b32f..625f1fa3 100644
--- a/src/_includes/main/virtualpets.njk
+++ b/src/_includes/main/virtualpets.njk
@@ -1,5 +1,7 @@
 <section class="content__section">
     <h2>Virtual Pets</h2>
     <p>Feel free to check out my virtual pets and feed them!</p>
-    <a href="https://tamanotchi.world/13150c"><img src="https://tamanotchi.world/i2/13150" alt="It's tamaNOTchi! Click to feed!" loading="lazy"></a>
+    <div class="adoptables">
+        <a href="https://tamanotchi.world/13150c"><img src="https://tamanotchi.world/i2/13150" alt="It's tamaNOTchi! Click to feed!" loading="lazy"></a>
+    </div>
 </section>
\ No newline at end of file
diff --git a/src/assets/css/components.css b/src/assets/css/components.css
index 19d86ca0..abdc42d5 100644
--- a/src/assets/css/components.css
+++ b/src/assets/css/components.css
@@ -132,6 +132,15 @@
     padding: 1em;
 }
 
+/* Adoptables wrapper */
+.adoptables {
+    display: flex;
+    align-items: flex-end;
+    gap: 1em;
+}
+
+p + .adoptables { margin-top: 1em; }
+
 /* Web button lists */
 .web-btn-wrapper {
     display: flex;