From 5b0a19a2c55d2d0841ac987222fc469ab9fe95af Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Sat, 1 Jun 2024 17:09:20 +0200
Subject: [PATCH] Fixed lack of spacing above scan credits if no description

---
 TODO.md                                                |  1 -
 .../[locale]/collectibles/[slug]/scans/index.astro     | 10 ++++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/TODO.md b/TODO.md
index 3cdd87d..774fa30 100644
--- a/TODO.md
+++ b/TODO.md
@@ -13,7 +13,6 @@
 - [Feat] Add languages to collectibles and pages previews
 - [Feat] [RichTextContent] Handle relationship
 - [Bugs] Vollkorn doesn't support many languages
-- [Bugs] [Scans] Lack of spacing above credits if no description (e.g: https://v3.accords-library.com/en/collectibles/dod-official-guide-book-complete-edition/scans)
 - [Feat] [Timeline] Improve layout/spacing on mobile
 - [Feat] Display if a content has a source language
 - [Feat] [JSLess] Display if a content is available in more than one language
diff --git a/src/pages/[locale]/collectibles/[slug]/scans/index.astro b/src/pages/[locale]/collectibles/[slug]/scans/index.astro
index 2c4a9ac..512dae8 100644
--- a/src/pages/[locale]/collectibles/[slug]/scans/index.astro
+++ b/src/pages/[locale]/collectibles/[slug]/scans/index.astro
@@ -52,9 +52,11 @@ const hasOutsideObi = obi ? Object.keys(obi).some((value) => !value.includes("in
     subtitle={translation.subtitle}
   />
 
-  {translation.description && <AppLayoutDescription description={translation.description} />}
+  <div id="meta" class:list={{ "with-description": translation.description }}>
+    {translation.description && <AppLayoutDescription description={translation.description} />}
 
-  {credits.length > 0 && <Credits credits={credits} />}
+    {credits.length > 0 && <Credits credits={credits} />}
+  </div>
 
   {
     cover && (
@@ -305,6 +307,10 @@ const hasOutsideObi = obi ? Object.keys(obi).some((value) => !value.includes("in
 {/* ------------------------------------------- CSS -------------------------------------------- */}
 
 <style>
+  #meta:not(.with-description) {
+    margin-block: 3em;
+  }
+
   section {
     margin-block: 6em;