From ad846e500db8aa8ec32fe0ea9b828ecb44871c2c Mon Sep 17 00:00:00 2001
From: William Moore <w.moore@dundee.ac.uk>
Date: Thu, 22 Aug 2024 22:41:03 +0100
Subject: [PATCH] Fix word wrap for names

---
 omeroweb/webclient/static/webclient/css/layout.css            | 2 ++
 .../templates/webclient/annotations/includes/name.html        | 4 ++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/omeroweb/webclient/static/webclient/css/layout.css b/omeroweb/webclient/static/webclient/css/layout.css
index 1da5160812..a3969aa38b 100644
--- a/omeroweb/webclient/static/webclient/css/layout.css
+++ b/omeroweb/webclient/static/webclient/css/layout.css
@@ -672,6 +672,7 @@
 			width:85%;
 			display:inline-block;
 			padding:5px 0;
+            word-wrap: break-word;
 	    }
     
 	        .data_heading span {
@@ -679,6 +680,7 @@
 	            line-height:1.2em;
 	            float:left;
 	            overflow:hidden;
+                width: 100%;
 	        }
             
 	            .data_heading img {
diff --git a/omeroweb/webclient/templates/webclient/annotations/includes/name.html b/omeroweb/webclient/templates/webclient/annotations/includes/name.html
index dd912c2c68..ef8853c608 100644
--- a/omeroweb/webclient/templates/webclient/annotations/includes/name.html
+++ b/omeroweb/webclient/templates/webclient/annotations/includes/name.html
@@ -26,7 +26,7 @@
     <div class="data_heading" id="{{ manager.obj_type }}name-{{ manager.obj_id }}">
         <div>
             <h1>
-                <span id="{{ manager.obj_type }}name-{{ manager.obj_id }}-name" style="word-wrap: break-word;">
+                <span id="{{ manager.obj_type }}name-{{ manager.obj_id }}-name">
                     {{ nameText|escape }}
                 </span>
             </h1>
@@ -37,7 +37,7 @@ <h1>
     </div>
 {% else %}
     <div class="data_heading">
-      <h1 style="word-wrap: break-word;">{{ nameText|escape }}</h1>
+      <h1>{{ nameText|escape }}</h1>
     </div>
 {% endif %}