bug: issue #69 - Put error message in search fragment below input not next to input.

Author: John P. rouillard

html/classhelper.css

@@ -120,4 +120,7 @@ table.popup-table tr:hover {
     color: red;
     font-size: 14px;
     margin-left: 4px;
+    padding-block-start: 0.25em;
 }
+
+*:focus-visible { outline-offset: 3px; }

html/classhelper.js

@@ -1239,7 +1239,7 @@ class ClassHelper extends HTMLElement {
                     parent.dataset.errorField = field;
                     // remove if there was already an error message
                     parent.getElementsByClassName("error-message").item(0)?.remove();
-                    let span = document.createElement("span");
+                    let span = document.createElement("div");
                     span.classList.add("error-message");
                     span.textContent = `Invalid value: ${value}`;
                     parent.appendChild(span);