From 8032969657de3db71a1ed6d7c5accbd01f3dc35e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Z=C3=BCbeyde=20Civelek?= <zubeydeecivelek@gmail.com>
Date: Fri, 24 Apr 2026 17:03:26 +0200
Subject: [PATCH] fix(ui): wrap long related identifiers

---
 .../records/static/templates/cds_records/video/detail.html | 2 +-
 cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss      | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/cds/modules/records/static/templates/cds_records/video/detail.html b/cds/modules/records/static/templates/cds_records/video/detail.html
index c5ebe4ed6..bf95d51cb 100644
--- a/cds/modules/records/static/templates/cds_records/video/detail.html
+++ b/cds/modules/records/static/templates/cds_records/video/detail.html
@@ -314,7 +314,7 @@ <h4>{{translation.title.title}}</h4>
                       <span ng-if="ri.resource_type">
                         {{ ri.resource_type | format_relation_resource_type }}:
                       </span>
-                      <a ng-href="{{ ri.url }}" target="_blank">{{ ri.identifier }}</a>
+                      <a class="cds-text-break" ng-href="{{ ri.url }}" target="_blank">{{ ri.identifier }}</a>
                       ({{ ri.scheme }})
                     </li>
                   </ul>
diff --git a/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss b/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
index 28d5ec5a2..0d8d55199 100644
--- a/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
+++ b/cds/modules/theme/assets/bootstrap3/scss/cds/cds.scss
@@ -255,6 +255,13 @@ a.cds-anchor:hover{
   display: block;
 }
 
+.cds-text-break {
+  display: inline-block;
+  max-width: 100%;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
 // Tags
 
 .cds-tags ul {