From d309ea2b46187a5f8b1904e893960401ea854a0f Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Fri, 18 Apr 2025 00:19:18 +0200
Subject: [PATCH] fix: make sure classes are not overwritten

---
 public/index.html | 4 ++--
 src/sus.js        | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/public/index.html b/public/index.html
index aa29e2a..65025b1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -286,11 +286,11 @@
             <form id="sus-form">
                 <!--- Questions here --->
                 <div class="control" id="sus-control">
-                    <button class="button is-primary" type="submit" data-i18n="submit">Absenden</button>
+                    <button class="button is-primary is-fullwidth" type="submit" data-i18n="submit">Absenden</button>
                 </div>
 
             </form>
-            <div id="response-message" class="notification is-hidden"></div>
+            <div id="response-message" class="notification is-hidden mt-3"></div>
         </div>
 
 
diff --git a/src/sus.js b/src/sus.js
index 270b2d8..791e845 100644
--- a/src/sus.js
+++ b/src/sus.js
@@ -82,11 +82,10 @@ window.addEventListener('DOMContentLoaded', () => {
             const messageDiv = document.getElementById("response-message");
 
             if (response.ok) {
-                let x = "dada"
-                messageDiv.className = "notification is-success";
+                messageDiv.classList.add("is-success");
                 messageDiv.innerHTML = i18next.t("submit-success");
             } else {
-                messageDiv.className = "notification is-danger";
+                messageDiv.classList.add("is-danger");
                 messageDiv.innerHTML = i18next.t("submit-error");
             }
 
@@ -94,7 +93,7 @@ window.addEventListener('DOMContentLoaded', () => {
 
         } catch (error) {
             const messageDiv = document.getElementById("response-message");
-            messageDiv.className = "notification is-danger";
+            messageDiv.classList.add("is-danger");
             messageDiv.removeAttribute("data-i18n");
             messageDiv.setAttribute("data-i18n", "");
             messageDiv.innerHTML = i18next.t("network-error");