🚚 Refactor form elemts

src/components/FormElements/Button.vue

@@ -1,5 +1,9 @@
 <template>
-  <button @click="click()" :disabled="disabled" :class="disallow ? 'disallowed': ''">
+  <button
+    @click="click ? click() : () => null"
+    :disabled="disabled"
+    :class="disallow ? 'disallowed': ''"
+  >
     <slot></slot>
     <slot name="text"></slot>
     <slot name="icon"></slot>

src/components/LinkItems/Item.vue

@@ -273,8 +273,9 @@ export default {
   &:focus {
     outline: 2px solid var(--primary);
   }
-  &.short {
+  &.short:not(.size-large) {
-    height: 18px;
+    height: 2rem;
+    .tile-title { overflow: visible; }
   }
 }
 

src/utils/MiscHelpers.js

@@ -11,3 +11,17 @@ export const asciiHash = (input) => {
   const shortened = asciiSum.slice(0, 30) + asciiSum.slice(asciiSum.length - 30);
   return window.btoa(shortened);
 };
+
+/* Encode potentially malicious characters from string */
+export const sanitize = (string) => {
+  const map = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#x27;',
+    '/': '&#x2F;',
+  };
+  const reg = /[&<>"'/]/ig;
+  return string.replace(reg, (match) => (map[match]));
+};