From 66664607c04352bb0ed691231aeafa7baadfdae4 Mon Sep 17 00:00:00 2001
From: Jade Ellis <jade@ellis.link>
Date: Fri, 3 May 2024 16:38:45 +0100
Subject: [PATCH] MBS-13263: Add blank space before releases without cover art
 for alignment

---
 root/static/scripts/common/components/EntityLink.js | 10 ++++++++++
 root/static/styles/layout.less                      |  8 ++++++++
 2 files changed, 18 insertions(+)

diff --git a/root/static/scripts/common/components/EntityLink.js b/root/static/scripts/common/components/EntityLink.js
index d4e5316ef32..ef5b3035b1e 100644
--- a/root/static/scripts/common/components/EntityLink.js
+++ b/root/static/scripts/common/components/EntityLink.js
@@ -374,6 +374,16 @@ $ReadOnlyArray<Expand2ReactOutput> | Expand2ReactOutput | null => {
           {content}
         </React.Fragment>
       );
+    } else if (entity.entityType === 'release' &&
+        entity.cover_art_presence !== 'present') {
+      content = (
+        <React.Fragment key="caa">
+          <span
+            className="blank-icon"
+          />
+          {content}
+        </React.Fragment>
+      );
     }
 
     if (entity.entityType === 'release_group' && entity.hasCoverArt) {
diff --git a/root/static/styles/layout.less b/root/static/styles/layout.less
index 22aad9be912..69aaca1765d 100644
--- a/root/static/styles/layout.less
+++ b/root/static/styles/layout.less
@@ -662,6 +662,14 @@ span.caa-icon {
     width: 18px;
 }
 
+span.blank-icon {
+    display: inline-block;
+    height: 18px;
+    padding-right: 5px;
+    vertical-align: bottom;
+    width: 18px;
+}
+
 span.video {
     background-image: data-uri('../images/icons/video.png');
     background-repeat: no-repeat;