Correct display of tips in tables

Make sure tooltips and modals are shown once pre row, grouped with the label.
In tables cells the labels are hidden and so should be tooltips and modals.

Author: annda

js_src/U.js

@@ -92,14 +92,14 @@ export class U {
      * @returns {HTMLElement}
      */
     static modalHint(config) {
+        const hint = document.createElement("span");
+
         if (!config.modal) {
-            return null;
+            return hint;
         }
 
-        const hint = document.createElement("span");
         hint.innerText = "?";
         hint.classList.add("modal-hint");
-        hint.dataset["modal"] = config.modal;
 
         hint.addEventListener('click', (e) => {
             const modal = e.target.nextElementSibling;
@@ -108,7 +108,7 @@ export class U {
         });
 
         return hint;
-}
+    }
 
     /**
      * Creates modal element with event handlers
@@ -117,11 +117,12 @@ export class U {
      * @returns {null|HTMLDivElement}
      */
     static modal(config) {
+        const modal = document.createElement("div");
+
         if (!config.modal) {
-            return null;
+            return modal;
         }
 
-        const modal = document.createElement("div");
         modal.classList.add("modal");
 
         const backdrop = document.createElement("div");
@@ -206,7 +207,10 @@ export class U {
 
             const rowWrapper = document.createElement('tr');
             const labelTh = document.createElement('th');
-            labelTh.innerText = fieldConfig.label + this.requiredMark(fieldConfig);
+            labelTh.insertAdjacentText("afterbegin", fieldConfig.label + this.requiredMark(fieldConfig));
+            labelTh.insertAdjacentHTML("beforeend", U.tooltipHint(fieldConfig));
+            labelTh.appendChild(U.modalHint(fieldConfig));
+            labelTh.appendChild(U.modal(fieldConfig));
             rowWrapper.appendChild(labelTh);
 
             for (let i = 0; i < repeat; i++) {

public/css/style.css

@@ -60,9 +60,12 @@ table {
 
     }
 
+    /* hide labels, tooltips and modals in cells, as they are visible once per row in <th> */
     & label,
-    & .label {
-        display: none; /* hide labels */
+    & .label,
+    & td span.tooltip-hint,
+    & td span.modal-hint {
+        display: none;
     }
 }