Filx text break

app/static/js/nopaque.lists.js

@@ -258,9 +258,8 @@ class ResultsList extends List {
     console.log(tokenHTMLArray);
     console.log(uniqueS);
 
-    partElement = document.createElement("div");
     for (let sId of uniqueS) {
-      let htmlSentence = `<div class="sentence" data-sid="${sId}"></div>`;
+      let htmlSentence = `<span class="sentence" data-sid="${sId}"></span>`;
       let sentenceElement = this.HTMLTStrToElement(htmlSentence);
       for (let tokenElement of tokenHTMLArray) {
         if (tokenElement.dataset.sid == sId) {
@@ -270,9 +269,8 @@ class ResultsList extends List {
           continue;
         }
       }
-      partElement.appendChild(sentenceElement);
+      contextResultsElement.appendChild(sentenceElement);
     }
-    contextResultsElement.appendChild(partElement);
 
     if (expertModeSwitchElement.checked) {
       this.expertModeOn();

app/templates/corpora/analyse_corpus.html.j2

@@ -243,7 +243,9 @@
       </form>
     </div>
     <div class="divider"></div>
-    <div class="section" id="context-results">
+    <div class="section">
+      <h5>Context</h5>
+      <div class="row" id="context-results" style="overflow-wrap: break-word;"></div>
     </div>
   </div>
   <div class="modal-footer">