From de9ca1b9b99eed6911b3a5a9e4e313673acfb3ec Mon Sep 17 00:00:00 2001
From: Raman Sinclair <raman@arsinclair.dev>
Date: Wed, 24 Jun 2026 04:56:11 +0200
Subject: [PATCH 1/2] fix: convert artist credit rows to flexboxes to handle
 rtl correctly

---
 server/static/harmony.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/server/static/harmony.css b/server/static/harmony.css
index 5715f4b5..af6148fb 100644
--- a/server/static/harmony.css
+++ b/server/static/harmony.css
@@ -505,6 +505,25 @@ h2.release-title {
 	margin-bottom: 0;
 }
 
+div.release-artist {
+	display: flex;
+	flex-direction: row;
+}
+
+/* ArtistCredit.tsx */
+
+span.artist-credit {
+	display: flex;
+	flex-direction: row;
+	gap: 0.25em;
+}
+
+/* AlternativeValues.tsx */
+
+.alt-values > li {
+	display: flex;
+}
+
 /* Tooltip.tsx */
 
 span.tooltip-anchor {

From 1a16d200cb6f71229892f97c89de4fc7df2d3c93 Mon Sep 17 00:00:00 2001
From: Raman Sinclair <2878904+arsinclair@users.noreply.github.com>
Date: Sun, 30 Aug 2026 07:25:55 +0200
Subject: [PATCH 2/2] fix: render entity links correctly with RTL text

---
 server/components/AlternativeValues.tsx |  6 +++--
 server/static/harmony.css               | 29 +++++++++----------------
 2 files changed, 14 insertions(+), 21 deletions(-)

diff --git a/server/components/AlternativeValues.tsx b/server/components/AlternativeValues.tsx
index d5ece67b..d28a5c9e 100644
--- a/server/components/AlternativeValues.tsx
+++ b/server/components/AlternativeValues.tsx
@@ -22,8 +22,10 @@ export function setupAlternativeValues<Root>(providerMap: Record<ProviderName, R
 					{uniqueValues.map(
 						([value, providerNames]) => (
 							<li>
-								{display ? display(value) : value}
-								{providerNames.map((name) => <ProviderIcon providerName={name} stroke={1.25} key={name} />)}
+								<span class='alt-value'>
+									{display ? display(value) : value}
+									{providerNames.map((name) => <ProviderIcon providerName={name} stroke={1.25} key={name} />)}
+								</span>
 							</li>
 						),
 					)}
diff --git a/server/static/harmony.css b/server/static/harmony.css
index af6148fb..c1aa909f 100644
--- a/server/static/harmony.css
+++ b/server/static/harmony.css
@@ -148,6 +148,11 @@ ul.alt-values {
 	list-style: square;
 }
 
+span.alt-value {
+	display: flex;
+	flex-direction: row;
+}
+
 span.label svg.icon, ul.alt-values svg.icon {
 	height: 16px;
 	width: 16px;
@@ -318,6 +323,11 @@ code.isrc > span:not(:last-child)::after {
 
 /* LinkedEntity.tsx */
 
+span.entity-links {
+	display: inline-flex;
+	flex-direction: row;
+}
+
 span.entity-links > a {
 	text-decoration-style: dotted;
 	color: inherit;
@@ -505,25 +515,6 @@ h2.release-title {
 	margin-bottom: 0;
 }
 
-div.release-artist {
-	display: flex;
-	flex-direction: row;
-}
-
-/* ArtistCredit.tsx */
-
-span.artist-credit {
-	display: flex;
-	flex-direction: row;
-	gap: 0.25em;
-}
-
-/* AlternativeValues.tsx */
-
-.alt-values > li {
-	display: flex;
-}
-
 /* Tooltip.tsx */
 
 span.tooltip-anchor {