From 4bd8878937ab96491e693cb78679d8573bce88dc Mon Sep 17 00:00:00 2001
From: Martin Sosic <sosic.martin@gmail.com>
Date: Fri, 30 Jun 2023 19:53:25 +0200
Subject: [PATCH] Small fix for wasp ai logs color on success/failure.

---
 wasp-ai/src/client/pages/ResultPage.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/wasp-ai/src/client/pages/ResultPage.jsx b/wasp-ai/src/client/pages/ResultPage.jsx
index bca38c555..cfc274946 100644
--- a/wasp-ai/src/client/pages/ResultPage.jsx
+++ b/wasp-ai/src/client/pages/ResultPage.jsx
@@ -267,12 +267,12 @@ export const ResultPage = () => {
 
       {logs && (
         <>
-          <header className="relative big-box-dark mt-4 mb-4 flex justify-between items-flex-start">
+          <header className="relative big-box-dark mt-4 mb-4 flex justify-between items-flex-start z-10">
             {currentStatus.status === "success" && (
-              <div className="absolute inset-0 bg-green-500 opacity-20 z-0"></div>
+              <div className="absolute inset-0 bg-green-500 opacity-20 z-[-10]"></div>
             )}
             {currentStatus.status === "error" && (
-              <div className="absolute inset-0 bg-red-500 opacity-20 z-0"></div>
+              <div className="absolute inset-0 bg-red-500 opacity-20 z-[-10]"></div>
             )}
 
             <div className="flex-shrink-0 mr-3">
@@ -315,7 +315,7 @@ export const ResultPage = () => {
               </pre>
             )}
             {logs.length > 1 && (
-              <div className="flex-shrink-0 ml-3 z-10">
+              <div className="flex-shrink-0 ml-3">
                 <button
                   onClick={toggleLogs}
                   className="p-2 px-4 rounded-full bg-slate-800 hover:bg-slate-700"