Add a .product-name class

frontend/src/core/init.ts

@@ -6,9 +6,11 @@
  */
 
 import { showLogin } from "../navigation";
-import { id } from "../utils/utils";
 import { PRODUCT_NAME } from "./config";
 
 showLogin();
-id("productname").textContent = PRODUCT_NAME;
+
+document.querySelectorAll(".product-name").forEach(el => {
+    el.textContent = PRODUCT_NAME;
+});
 document.title = PRODUCT_NAME;

frontend/src/resources/css/_panelchat.scss

@@ -64,7 +64,7 @@
         padding: 16px;
         overflow: hidden;
 
-        #productname {
+        .product-name {
             flex-grow: 1;
         }