From 0257e9928885b48db231de033739e10dbe2442b8 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Tue, 30 Jan 2024 16:36:22 +0100
Subject: [PATCH] Fixed build animation

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 8 ++++----
 src/frontend/src/style/applies.css                 | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index e5b128f56..460bf841c 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -383,14 +383,14 @@ export default function GenericNode({
                       )
                     }
                   >
-                    <div className="generic-node-status-position flex items-center">
+                    <div className="generic-node-status-position flex items-center justify-center">
                       <IconComponent
                         name="Zap"
                         className={classNames(
                           validationStatus && validationStatus.valid
                             ? "green-status"
                             : "status-build-animation",
-                          "h-5 stroke-1"
+                          "h-5 stroke-1 absolute"
                         )}
                       />
                       <IconComponent
@@ -399,7 +399,7 @@ export default function GenericNode({
                           validationStatus && !validationStatus.valid
                             ? "red-status"
                             : "status-build-animation",
-                          "h-5 stroke-1"
+                          "h-5 stroke-1 absolute"
                         )}
                       />
                       <IconComponent
@@ -408,7 +408,7 @@ export default function GenericNode({
                           !validationStatus || isBuilding
                             ? "yellow-status"
                             : "status-build-animation",
-                          "h-5 stroke-1"
+                          "h-5 stroke-1 absolute"
                         )}
                       />
                     </div>
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index 687bc8f71..1af0e0f0b 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -290,7 +290,7 @@
     @apply hidden h-4 w-4 animate-spin rounded-full bg-ring opacity-0;
   }
   .generic-node-status {
-    @apply opacity-100;
+    @apply opacity-100 animate-wiggle;
   }
   .green-status {
     @apply generic-node-status text-status-green fill-status-green;
@@ -302,7 +302,7 @@
     @apply generic-node-status text-status-yellow fill-status-yellow;
   }
   .status-build-animation {
-    @apply hidden animate-spin text-ring opacity-0;
+    @apply opacity-0;
   }
   .status-div {
     @apply absolute w-4 duration-200 ease-in-out;