From 9f4ebf379fc9fde8e037c312dad38a4d8d9fd74f Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Thu, 24 Apr 2025 21:26:50 +0200
Subject: [PATCH] Enhance button styling and layout in Song Submission screen
 for improved UI experience

---
 client/src/common/styles/main.sass             | 1 +
 client/src/components/SongSubmissionScreen.jsx | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/src/common/styles/main.sass b/client/src/common/styles/main.sass
index ddde40d..dd00606 100644
--- a/client/src/common/styles/main.sass
+++ b/client/src/common/styles/main.sass
@@ -416,6 +416,7 @@ h1, h2, h3
     justify-content: center
     align-items: center
     cursor: pointer
+    color: white
     transition: all 0.2s ease
     
     &:hover
diff --git a/client/src/components/SongSubmissionScreen.jsx b/client/src/components/SongSubmissionScreen.jsx
index 08c13db..052618d 100644
--- a/client/src/components/SongSubmissionScreen.jsx
+++ b/client/src/components/SongSubmissionScreen.jsx
@@ -352,11 +352,15 @@ const SongSubmissionScreen = () => {
         
         {canSubmitMoreSongs && !isFormVisible && !isReady && (
           <button
-            className="add-song-btn"
+            className="btn add-song-btn"
             onClick={() => setIsFormVisible(true)}
           >
-            <FontAwesomeIcon icon={faPlus} />
+            <FontAwesomeIcon icon={faPlus} className="icon-margin" />
             <span>Lied hinzufügen</span>
+            <span className="pixel-corner tl"></span>
+            <span className="pixel-corner tr"></span>
+            <span className="pixel-corner bl"></span>
+            <span className="pixel-corner br"></span>
           </button>
         )}
       </div>