left-align uncap indicators in cells

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>
+</style>

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>
+</style>

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>
+</style>

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>
+</style>