BUGFIX: Modified layout of tags tab so elements don't overlap.

web/model-manager.js

@@ -2635,8 +2635,8 @@ class ModelInfo {
                 break;
             }
         }
-        tagsElement.innerHTML = "";
-        tagsElement.append.apply(tagsElement, [
+        const tagGenerator = $el(
+            "div", [
                 $el("h1", ["Tags"]),
                 $el("h2", { style: { margin: "0px 0px 16px 0px" } }, ["Random Tag Generator"]),
                 $el("div", [
@@ -2673,8 +2673,19 @@ class ModelInfo {
                         },
                     }).element,
                 ]),
-            $el("h2", {style: { margin: "24px 0px 8px 0px" } }, ["Training Tags"]),
+            ]
+        )
+        tagsElement.innerHTML = "";
+        tagsElement.append.apply(tagsElement, [
+            tagGenerator,
+            $el("div", [
+                $el("h2", {
+                    style: {
+                        margin: "24px 0px 8px 0px"
+                    }
+                }, ["Tags"]),
                 tagsParagraph,
+            ]),
         ]);
         const tagButton = this.elements.tabButtons[2]; // TODO: remove magic value
         tagButton.style.display = isTags ? "" : "none";