fix(ui): wrap long related identifiers

Author: zubeydecivelek

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>

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 {