From 5dedea8bb7097bd5f39a7bd1255ef7533af89799 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Mon, 25 Sep 2023 09:51:02 +1000
Subject: [PATCH] fix centering custom shortcut icons

---
 src/SEQTA.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/SEQTA.js b/src/SEQTA.js
index 3563adf2..bba0925b 100644
--- a/src/SEQTA.js
+++ b/src/SEQTA.js
@@ -2870,7 +2870,21 @@ function CreateCustomShortcutDiv(element) {
   shortcutdiv.classList.add("customshortcut");
 
   let image = stringToHTML(
-    `<svg viewBox="0 0 40 40" style="width:39px;height:39px"><text font-size="32" font-weight="bold" fill="var(--text-primary)" x="50%" y="50%" text-anchor="middle" dominant-baseline="central">${element.icon}</text></svg>`,
+    `
+    <svg style="width:39px;height:39px" viewBox="0 0 40 40" class="shortcuticondiv">
+      <text 
+        text-anchor="middle" 
+        x="50%" 
+        y="50%" 
+        dy=".35em" 
+        fill="var(--text-primary)" 
+        font-weight="bold" 
+        font-size="32" 
+        dominant-baseline="middle">
+        ${element.icon}
+      </text>
+    </svg>
+    `,
   ).firstChild;
   image.classList.add("shortcuticondiv");
   var text = document.createElement("p");