Make elements better.

src/elements/CopyableInputBox.js

@@ -15,10 +15,12 @@ export function CopyableInputBox(text, copyable = true) {
         "uk-icon": "icon: copy",
         "role": "img",
         "aria-label": i18next.t("copy_input_box_copy_icon_text")
+      },
+      thenRun: (e) => {
+        let clipboard = new ClipboardJS(e);
+        addClipboardNotifications(clipboard, 600);
       }
     });
-    let clipboard = new ClipboardJS(inputBoxCopyButton);
-    addClipboardNotifications(clipboard, 600);
   }
 
   let inputBoxInput = makeElement({

src/elements/Margin.js

@@ -1,9 +1,10 @@
 import { makeElement } from "../htmlUtils.js";
 
-export function Margin(children) {
+export function Margin(children, options = {}) {
   return makeElement({
     tag: "div",
     class: "uk-margin",
-    children: children
+    children: children,
+    ...options
   });
 }

src/elements/MarginInline.js

@@ -1,13 +1,15 @@
 import { makeElement } from "../htmlUtils.js";
 
-export function MarginInline(children) {
+export function MarginInline(children, marginOptions = {}, inlineOptions = {}) {
   return makeElement({
     tag: "div",
     class: "uk-margin",
     children: makeElement({
       tag: "div",
       class: "uk-inline",
-      children: children
+      children: children,
-    })
+      ...inlineOptions,
+    }),
+    ...marginOptions,
   });
 }