From 231c6c23c2ee930febb2c47f6d7b87aa59680c59 Mon Sep 17 00:00:00 2001
From: Ara Winters <ara.winters@gmail.com>
Date: Mon, 29 Apr 2024 17:30:27 -0700
Subject: [PATCH] #627 bugfix

---
 src/lib/scss/stats-sample-data-table.scss     | 20 ++++++++++++++-
 .../sz-cross-source-results.data-table.ts     | 25 +++++++++++--------
 2 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/src/lib/scss/stats-sample-data-table.scss b/src/lib/scss/stats-sample-data-table.scss
index e69030d5..cc8ff3bf 100644
--- a/src/lib/scss/stats-sample-data-table.scss
+++ b/src/lib/scss/stats-sample-data-table.scss
@@ -1 +1,19 @@
-@import '@angular/cdk/overlay-prebuilt.css';
\ No newline at end of file
+@import '@angular/cdk/overlay-prebuilt.css';
+
+sz-cross-source-results {
+    /* specific cell styles */
+    span.data-item {
+        white-space: nowrap;
+        display: block;
+        margin-right: 1px;
+        &:before {
+            content: "\2022 ";
+            margin-right: 4px;
+        }
+        
+        &:only-of-type:before {
+            content: "";
+            margin-right: 0;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/lib/statistics/cross-source/sz-cross-source-results.data-table.ts b/src/lib/statistics/cross-source/sz-cross-source-results.data-table.ts
index fb33ac4c..04e48129 100644
--- a/src/lib/statistics/cross-source/sz-cross-source-results.data-table.ts
+++ b/src/lib/statistics/cross-source/sz-cross-source-results.data-table.ts
@@ -152,17 +152,22 @@ export class SzCrossSourceResultsDataTable extends SzDataTable implements OnInit
     }
     
     override get cellFormatters() {
-      return {
-        'addressData': (addresses: string[]) => {
-          let retVal = '';
-          if(addresses && addresses.length > 0) {
-            let retStr = addresses.map((value: string) => {
-              return `${value}`;
-            });
-            retVal = '<div class="sz-stat-table-cell address">'+ retStr.join('</div><div class="sz-stat-table-cell address">')+'</div>'
-          }
-          return retVal;
+      let dataFieldRenderer = (data: string[]) => {
+        let retVal = '';
+        if(data && data.length > 0) {
+          retVal = data.map((strVal: string) => {
+            return `<span class="data-item">${strVal}</span>`;
+          }).join('');
         }
+        return retVal;
+      }
+      return {
+        'nameData': dataFieldRenderer,
+        'identifierData': dataFieldRenderer,
+        'addressData': dataFieldRenderer,
+        'phoneData': dataFieldRenderer,
+        'relationshipData': dataFieldRenderer,
+        'otherData': dataFieldRenderer,
       }
     }