Align margin

danieldownes · Jul 12, 2024 · a515720 · a515720
1 parent 86999c1
commit a515720
Showing 1 changed file with 25 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -61,13 +61,20 @@
             align-items: center;
             gap: 20px;
             margin-top: 80px;
+            width: 100%;
         }
 
         .support-buttons>* {
             display: inline-block;
         }
-    </style>
 
+        .support-buttons a,
+        .support-buttons div {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+    </style>
 </head>
 
 <body>
@@ -159,28 +166,28 @@ <h3>Version Check</h3>
         });
 
         function loadBmcButton() {
-            const script = document.createElement('script');
-            script.src = "https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js";
-            script.dataset.name = "bmc-button";
-            script.dataset.slug = "danieldownes";
-            script.dataset.color = "#FFDD00";
-            script.dataset.emoji = "";
-            script.dataset.font = "Cookie";
-            script.dataset.text = "Buy me a coffee";
-            script.dataset.outlineColor = "#000000";
-            script.dataset.fontColor = "#000000";
-            script.dataset.coffeeColor = "#ffffff";
-            document.getElementById('bmc-button-container').appendChild(script);
+            const bmcScript = document.createElement('script');
+            bmcScript.src = "https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js";
+            bmcScript.dataset.name = "bmc-button";
+            bmcScript.dataset.slug = "danieldownes";
+            bmcScript.dataset.color = "#FFDD00";
+            bmcScript.dataset.emoji = "";
+            bmcScript.dataset.font = "Cookie";
+            bmcScript.dataset.text = "Buy me a coffee";
+            bmcScript.dataset.outlineColor = "#000000";
+            bmcScript.dataset.fontColor = "#000000";
+            bmcScript.dataset.coffeeColor = "#ffffff";
+            document.getElementById('bmc-button-container').appendChild(bmcScript);
         }
 
         function loadPatreonButton() {
-            const script = document.createElement('script');
-            script.src = "https://c6.patreon.com/becomePatronButton.bundle.js";
-            script.async = true;
-            document.body.appendChild(script);
+            const patreonScript = document.createElement('script');
+            patreonScript.src = "https://c6.patreon.com/becomePatronButton.bundle.js";
+            patreonScript.async = true;
+            document.body.appendChild(patreonScript);
         }
 
-        window.addEventListener('load', () => {
+        document.addEventListener('DOMContentLoaded', () => {
             checkVersion();
             loadBmcButton();
             loadPatreonButton();