fix(ui): configuration changes modal values, colors and spacing

app/Models/Application.php

@@ -1188,17 +1188,20 @@ class Application extends BaseModel
         $currentSnapshot = $this->deploymentConfigurationSnapshot();
         $lastDeployment = $this->get_last_successful_deployment();
 
-        if ($lastDeployment?->configuration_snapshot) {
-            return app(ConfigurationDiffer::class)->diff($lastDeployment->configuration_snapshot, $currentSnapshot);
+        $previousSnapshot = $lastDeployment?->configuration_snapshot;
+
+        if (! $previousSnapshot) {
+            $oldConfigHash = data_get($this, 'config_hash');
+            $hasLegacyChange = $oldConfigHash === null || $oldConfigHash !== $this->legacyConfigurationHash();
+
+            if (! $hasLegacyChange) {
+                return ConfigurationDiff::unchanged();
+            }
+
+            $previousSnapshot = [];
         }
 
-        $oldConfigHash = data_get($this, 'config_hash');
-
-        if ($oldConfigHash === null) {
-            return ConfigurationDiff::legacy(true);
-        }
-
-        return ConfigurationDiff::legacy($oldConfigHash !== $this->legacyConfigurationHash());
+        return app(ConfigurationDiffer::class)->diff($previousSnapshot, $currentSnapshot);
     }
 
     public function hasPendingDeploymentConfigurationChanges(): bool

app/Services/DeploymentConfiguration/ApplicationConfigurationSnapshot.php

@@ -306,7 +306,7 @@ class ApplicationConfigurationSnapshot
     private function displayValue(mixed $value): string
     {
         if ($value === null) {
-            return 'Not set';
+            return '-';
         }
 
         if (is_bool($value)) {
@@ -323,7 +323,7 @@ class ApplicationConfigurationSnapshot
     private function summarizeText(?string $value): string
     {
         if (blank($value)) {
-            return 'Not set';
+            return '-';
         }
 
         $value = trim((string) $value);

app/Services/DeploymentConfiguration/ConfigurationDiffer.php

@@ -37,8 +37,8 @@ class ConfigurationDiffer
                 'impact' => data_get($item, 'impact', 'redeploy'),
                 'sensitive' => $sensitive,
                 'display_summary' => $displaySummary,
-                'old_display_value' => $sensitive ? ($previous === null ? 'Not set' : 'Set') : data_get($previous, 'display_value', 'Not set'),
-                'new_display_value' => $sensitive ? ($current === null ? 'Removed' : 'Set') : data_get($current, 'display_value', 'Not set'),
+                'old_display_value' => $sensitive ? ($previous === null ? '-' : '••••••••') : data_get($previous, 'display_value', '-'),
+                'new_display_value' => $sensitive ? ($current === null ? '-' : '••••••••') : data_get($current, 'display_value', '-'),
             ];
         }