Release v2.20.2

src/web/public/css/theme-custom.css

@@ -649,33 +649,77 @@
   gap: 0.5rem;
 }
 
-/* Audit log change comparisons */
+/* Audit log change details */
 
-.audit-change-list {
+.audit-change-summary {
   display: grid;
-  padding: 0.08rem 0.3rem;
-  border-radius: 0.2rem;
-  gap: 0.2rem;
-  min-width: 18rem;
+  gap: 0.4rem;
+  min-width: 12rem;
 }
-.audit-change-row {
-  display: grid;
-  grid-template-columns: minmax(8rem, 0.7fr) minmax(5rem, 1fr) auto minmax(5rem, 1fr);
-  gap: 0.35rem;
+.audit-change-paths {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
   align-items: baseline;
-  font-size: 0.78rem;
 }
-.audit-change-to {
+.audit-change-path {
+  font-size: 0.72rem;
+  overflow-wrap: anywhere;
+}
+.audit-diff-changes {
+  display: grid;
+  gap: 1rem;
+}
+.audit-diff-change {
+  min-width: 0;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--bs-border-color);
+}
+.audit-diff-path {
+  overflow-wrap: anywhere;
+}
+.audit-diff-pair {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 0.75rem;
+}
+.audit-diff-column {
+  min-width: 0;
+}
+.audit-diff-label {
+  margin-bottom: 0.25rem;
+  color: var(--bs-secondary-color);
+  font-size: 0.8rem;
+  font-weight: 600;
+}
+.audit-diff-pane {
+  max-height: 24rem;
+  min-height: 8rem;
+  margin: 0;
+  overflow: auto;
+  padding: 0.75rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+  background: var(--bs-tertiary-bg);
+  color: var(--bs-body-color);
+  font-size: 0.8rem;
   overflow-wrap: anywhere;
   white-space: pre-wrap;
 }
-.audit-change-from {
-  overflow-wrap: anywhere;
-  white-space: pre-wrap;
+.audit-diff-removed {
+  background: var(--bs-danger-bg-subtle);
+  color: var(--bs-danger-text-emphasis);
+  text-decoration: line-through;
 }
-.audit-change-from del,
-.audit-change-to ins {
-  text-decoration-thickness: 2px;
+.audit-diff-added {
+  background: var(--bs-success-bg-subtle);
+  color: var(--bs-success-text-emphasis);
+  text-decoration: none;
+}
+@media (max-width: 767.98px) {
+  .audit-diff-pair {
+    grid-template-columns: minmax(0, 1fr);
+  }
 }
 /* Template preview states and permission tables */