From f65ae30906235eeedaaa28114102e8a437a35cdd Mon Sep 17 00:00:00 2001
From: joachimnielandt <joachim.nielandt@vlaanderen.be>
Date: Tue, 8 Oct 2024 12:35:06 +0200
Subject: [PATCH] Fixed spurious whitespace for gn-comma-list (#8398)

* Fixed spurious whitespace for gn-comma-list

* fixed issue when translate occurs on label
---
 .../catalog/views/default/less/gn_result_default.less      | 6 ++++++
 .../views/default/templates/recordView/metadata.html       | 4 +++-
 .../views/default/templates/recordView/spatial.html        | 6 ++++--
 .../views/default/templates/recordView/technical.html      | 7 ++-----
 4 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
index 09867678db0..53c83cc4b6d 100644
--- a/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
+++ b/web-ui/src/main/resources/catalog/views/default/less/gn_result_default.less
@@ -258,14 +258,20 @@
       display: inline;
       line-break: auto;
       word-break: break-word;
+      letter-spacing: -1em;
+      * {
+        letter-spacing: normal;
+      }
       a {
         line-break: normal;
       }
       &:after {
         content: ", ";
+        letter-spacing: normal;
       }
       &:last-child:after {
         content: "";
+        letter-spacing: normal;
       }
     }
   }
diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/metadata.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/metadata.html
index 2823fdaf407..92c79a4dd8a 100644
--- a/web-ui/src/main/resources/catalog/views/default/templates/recordView/metadata.html
+++ b/web-ui/src/main/resources/catalog/views/default/templates/recordView/metadata.html
@@ -20,7 +20,9 @@ <h3 data-translate="">updatedOn</h3>
   <div>
     <h3 data-translate="">metadataLanguage</h3>
     <ul class="gn-comma-list">
-      <li data-ng-repeat="l in mdLanguages">{{l | translate}}</li>
+      <li data-ng-repeat="l in mdLanguages">
+        <span> {{l | translate}} </span>
+      </li>
     </ul>
   </div>
 </div>
diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/spatial.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/spatial.html
index b99638e5c76..8f75ae1d8d5 100644
--- a/web-ui/src/main/resources/catalog/views/default/templates/recordView/spatial.html
+++ b/web-ui/src/main/resources/catalog/views/default/templates/recordView/spatial.html
@@ -35,7 +35,7 @@ <h3 data-translate="">scale</h3>
         data-ng-repeat="d in mdView.current.record.resolutionScaleDenominator"
         class="gn-scale"
       >
-        {{d}}
+        <span> {{d}} </span>
       </li>
     </ul>
   </div>
@@ -51,7 +51,9 @@ <h3 data-translate="">scale</h3>
   <div>
     <h3 data-translate="">resolution</h3>
     <ul class="gn-comma-list">
-      <li data-ng-repeat="r in mdView.current.record.resolutionDistance">{{r}}</li>
+      <li data-ng-repeat="r in mdView.current.record.resolutionDistance">
+        <span>{{r}}</span>
+      </li>
     </ul>
   </div>
 </div>
diff --git a/web-ui/src/main/resources/catalog/views/default/templates/recordView/technical.html b/web-ui/src/main/resources/catalog/views/default/templates/recordView/technical.html
index 5c68e76a547..3df446c6aee 100644
--- a/web-ui/src/main/resources/catalog/views/default/templates/recordView/technical.html
+++ b/web-ui/src/main/resources/catalog/views/default/templates/recordView/technical.html
@@ -120,11 +120,8 @@ <h3 data-translate="">resourceEdition</h3>
     <div>
       <h3 data-translate="">language</h3>
       <ul class="gn-comma-list">
-        <li
-          data-ng-repeat="l in mdView.current.record.resourceLanguage"
-          data-translate=""
-        >
-          {{l}}
+        <li data-ng-repeat="l in mdView.current.record.resourceLanguage">
+          <span data-translate=""> {{l}} </span>
         </li>
       </ul>
     </div>