[fix] Loader now shows + Is on top of changelog

- Changed style of loader

changelog.js

@@ -323,6 +323,8 @@ function dateFormatting(date) {
 
 // main app function. sorts all commits received by getCommits() function based on user's options.
 async function sortCommits() {
+  document.getElementById("loader").innerHTML = "<center><img src='./loading.svg'></img></center>";
+
   let urlField = document.getElementById("urlhtml").value.toString();
   // if is a url converts it to something usable
   if (urlField.match(new RegExp(`(\\.com\\/)(.*)`, 'i'))) {
@@ -342,11 +344,12 @@ async function sortCommits() {
   const others = [];
   const othersRaw = [];
 
+
+
   if (urlField === "" || apiField === "") {
     alert("Both URL and API token need to be inputted")
+    document.getElementById("loader").innerHTML = '';
   } else {
-    document.getElementById("loader").innerHTML = "<center><img src='https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/source.gif'></img></center>";
-
     // \s all special characters in a string in order to input that into a regex
     function quotemeta(str) {
       return (str + '').replace(/([\.\\\+\*\?\[\^\]\$\(\)])/g, '\\$1');

index.html

@@ -327,12 +327,12 @@ <h4>Custom keyword list 2</h4>
         <button onclick="copyToClipboard()">📋 Copy MarkDown to clipboard</button>
       </center>
       <base target="_blank">
+        <div id="loader"></div>        
         <div id="bodyhtml"></div>
       </base>
     </div>
   </div>
   </div>
-  <div id="loader"></div>
   <hr>
   <footer>
     <i>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "changelog-maker",
-  "version": "1.6.8",
+  "version": "1.6.9",
   "description": "Changelog maker. Takes commit messages and generates a gitlog.",
   "main": "index.js",
   "scripts": {