From 5db9181afc34041f395cd045a0521e1fcc453793 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 3 Dec 2025 10:50:41 -0800
Subject: [PATCH] left-align uncap indicators in cells

---
 src/lib/components/database/UncapCell.svelte  |  4 ++--
 .../database/cells/CharacterUncapCell.svelte  | 23 +++++++++++--------
 .../database/cells/SummonUncapCell.svelte     | 18 +++++++++------
 .../database/cells/WeaponUncapCell.svelte     | 18 +++++++++------
 4 files changed, 38 insertions(+), 25 deletions(-)

diff --git a/src/lib/components/database/UncapCell.svelte b/src/lib/components/database/UncapCell.svelte
index 9a821e27..82cd372e 100644
--- a/src/lib/components/database/UncapCell.svelte
+++ b/src/lib/components/database/UncapCell.svelte
@@ -53,8 +53,8 @@
 	.uncap-cell {
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-start;
 		height: 100%;
 		padding: 4px;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/database/cells/CharacterUncapCell.svelte b/src/lib/components/database/cells/CharacterUncapCell.svelte
index 9984efc1..e7c0c4d9 100644
--- a/src/lib/components/database/cells/CharacterUncapCell.svelte
+++ b/src/lib/components/database/cells/CharacterUncapCell.svelte
@@ -30,13 +30,18 @@
 	// Only regular (non-special) characters have transcendence
 	const transcendenceStage = $derived(
 		// Special characters don't have transcendence
-		special ? 0 :
-		// First check if API provides direct transcendence_step field on the row
-		row.transcendence_step ? row.transcendence_step :
-		// Check if API provides specific max transcendence step in uncap object
-		uncap.max_transcendence_step ? uncap.max_transcendence_step :
-		// Otherwise, show maximum stage (5) when transcendence is available for regular characters
-		transcendence ? 5 : 0
+		special
+			? 0
+			: // First check if API provides direct transcendence_step field on the row
+				row.transcendence_step
+				? row.transcendence_step
+				: // Check if API provides specific max transcendence step in uncap object
+					uncap.max_transcendence_step
+					? uncap.max_transcendence_step
+					: // Otherwise, show maximum stage (5) when transcendence is available for regular characters
+						transcendence
+						? 5
+						: 0
 	)
 </script>
 
@@ -57,8 +62,8 @@
 	.uncap-cell {
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-start;
 		height: 100%;
 		padding: 4px;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/database/cells/SummonUncapCell.svelte b/src/lib/components/database/cells/SummonUncapCell.svelte
index be858995..e535babd 100644
--- a/src/lib/components/database/cells/SummonUncapCell.svelte
+++ b/src/lib/components/database/cells/SummonUncapCell.svelte
@@ -22,11 +22,15 @@
 	// For database view, show maximum transcendence stage when available
 	const transcendenceStage = $derived(
 		// First check if API provides direct transcendence_step field on the row
-		row.transcendence_step ? row.transcendence_step :
-		// Check if API provides specific max transcendence step in uncap object
-		uncap.max_transcendence_step ? uncap.max_transcendence_step :
-		// Otherwise, show maximum stage (5) when transcendence is available
-		transcendence ? 5 : 0
+		row.transcendence_step
+			? row.transcendence_step
+			: // Check if API provides specific max transcendence step in uncap object
+				uncap.max_transcendence_step
+				? uncap.max_transcendence_step
+				: // Otherwise, show maximum stage (5) when transcendence is available
+					transcendence
+					? 5
+					: 0
 	)
 </script>
 
@@ -46,8 +50,8 @@
 	.uncap-cell {
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-start;
 		height: 100%;
 		padding: 4px;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/database/cells/WeaponUncapCell.svelte b/src/lib/components/database/cells/WeaponUncapCell.svelte
index 655c8a16..da1e2239 100644
--- a/src/lib/components/database/cells/WeaponUncapCell.svelte
+++ b/src/lib/components/database/cells/WeaponUncapCell.svelte
@@ -22,11 +22,15 @@
 	// For database view, show maximum transcendence stage when available
 	const transcendenceStage = $derived(
 		// First check if API provides direct transcendence_step field on the row
-		row.transcendence_step ? row.transcendence_step :
-		// Check if API provides specific max transcendence step in uncap object
-		uncap.max_transcendence_step ? uncap.max_transcendence_step :
-		// Otherwise, show maximum stage (5) when transcendence is available
-		transcendence ? 5 : 0
+		row.transcendence_step
+			? row.transcendence_step
+			: // Check if API provides specific max transcendence step in uncap object
+				uncap.max_transcendence_step
+				? uncap.max_transcendence_step
+				: // Otherwise, show maximum stage (5) when transcendence is available
+					transcendence
+					? 5
+					: 0
 	)
 </script>
 
@@ -46,8 +50,8 @@
 	.uncap-cell {
 		display: flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-start;
 		height: 100%;
 		padding: 4px;
 	}
-</style>
\ No newline at end of file
+</style>