From 5ea702e7bbfaf00f52312bea6d73556524a296c0 Mon Sep 17 00:00:00 2001
From: Guus <ghligtvoet@gmail.com>
Date: Sun, 3 Aug 2025 19:52:33 +0200
Subject: [PATCH] fix message styling issue

---
 frontend/src/app/nominations/page.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/nominations/page.tsx b/frontend/src/app/nominations/page.tsx
index e30a4c1..eced71b 100644
--- a/frontend/src/app/nominations/page.tsx
+++ b/frontend/src/app/nominations/page.tsx
@@ -36,7 +36,7 @@ export default function Nominations() {
       >
         NOMINATIES
       </h1>
-      <div className="mt-4 mb-12 flex flex-col items-center justify-between gap-4 rounded-md bg-blue-950/80 p-8">
+      <div className="relative mt-4 mb-12 flex flex-col items-center justify-between gap-4 rounded-md bg-blue-950/80 p-8">
         <form className="flex flex-col items-center justify-center gap-4">
           <p className="text-2xl font-semibold text-white drop-shadow-sm drop-shadow-gray-900">
             Dump hier je Spotify-link:
@@ -77,12 +77,13 @@ export default function Nominations() {
             {isLoading ? "Nomineren..." : "Nomineer"}
           </button>
         </form>
+        {message && (
+          <div className="absolute top-50 mt-4 rounded bg-gray-800 p-3 text-center text-white">
+            {message}
+          </div>
+        )}
       </div>
-      {message && (
-        <div className="absolute bottom-118 mt-4 rounded bg-gray-800 p-3 text-center text-white">
-          {message}
-        </div>
-      )}
+
       <footer>
         <p>© 2020-2025 Hoestende Draken PartyCo</p>
       </footer>