svg loader

client/src/status.ts

@@ -2,6 +2,7 @@ import { Config } from './config';
 import './status.css';
 import { ZcStatus } from './zc-status';
 import GM_fetch from "@trim21/gm-fetch";
+const zcIcon = require('./stopwatch-regular-full.svg');
 
 declare function waitForKeyElements(selectorOrFunction: any, callback: any, waitOnce: boolean): any;
 
@@ -57,18 +58,30 @@ export class Status {
     element.appendChild(divider);
 
     var menu = document.createElement('li');
+    menu.role = 'menuitem';
     element.appendChild(menu);
 
     var link = document.createElement('a');
     link.id = 'tapi-zc-button';
-    link.innerText = 'ZeitConsens';
+    //link.innerText = 'ZeitConsens';
     link.classList.add('dropdown-item');
     link.classList.add('d-flex');
+    link.classList.add('align-items-center');
+    link.classList.add('gap-2');
     link.onclick = () => {
       document.getElementById('zc-modal').classList.toggle('show');
     }
     menu.appendChild(link);
 
+    var icon = document.createElement('span');
+    icon.classList.add('icon');
+    icon.classList.add('svg-xs');
+    icon.innerHTML = zcIcon;
+    link.appendChild(icon);
+    var text = document.createElement('span');
+    text.innerText = 'ZeitConsens';
+    link.appendChild(text);
+
     var html =
       '<div role="document" class="modal-dialog">' +
       '  <div class="modal-content">' +