From 85f41989bbbaa3a094fccc8fb418a12e51194095 Mon Sep 17 00:00:00 2001
From: Sonia Zorba <sonia.zorba@inaf.it>
Date: Tue, 27 Apr 2021 18:51:34 +0200
Subject: [PATCH] Fixed issue on busy nodes visualization

---
 .../it/inaf/ia2/vospace/ui/service/NodesHtmlGenerator.java | 7 ++-----
 vospace-ui-frontend/src/App.vue                            | 5 ++++-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/vospace-ui-backend/src/main/java/it/inaf/ia2/vospace/ui/service/NodesHtmlGenerator.java b/vospace-ui-backend/src/main/java/it/inaf/ia2/vospace/ui/service/NodesHtmlGenerator.java
index bffec0a..a960524 100644
--- a/vospace-ui-backend/src/main/java/it/inaf/ia2/vospace/ui/service/NodesHtmlGenerator.java
+++ b/vospace-ui-backend/src/main/java/it/inaf/ia2/vospace/ui/service/NodesHtmlGenerator.java
@@ -146,11 +146,8 @@ public class NodesHtmlGenerator {
 
     private void addNodeIcon(NodeInfo nodeInfo, Element cell) {
 
-        Element iconContainer = cell;
-
         if (nodeInfo.isBusy()) {
             Element loadingWrapper = cell.appendElement("span");
-            iconContainer = loadingWrapper;
             loadingWrapper.addClass("node-busy");
             Element spinner = loadingWrapper.appendElement("span");
             spinner.attr("role", "status");
@@ -177,7 +174,7 @@ public class NodesHtmlGenerator {
             }
         }
 
-        iconContainer.append("&nbsp;");
+        cell.append("&nbsp;");
     }
 
     private void addLink(NodeInfo nodeInfo, Element cell) {
@@ -193,7 +190,7 @@ public class NodesHtmlGenerator {
             link.attr("href", href);
             link.text(nodeInfo.getName());
         } else {
-            cell.text(nodeInfo.getName());
+            cell.appendText(nodeInfo.getName());
         }
     }
 
diff --git a/vospace-ui-frontend/src/App.vue b/vospace-ui-frontend/src/App.vue
index 6750c69..4844d3e 100644
--- a/vospace-ui-frontend/src/App.vue
+++ b/vospace-ui-frontend/src/App.vue
@@ -83,7 +83,6 @@ export default {
 
 .node-busy {
   position: relative;
-  padding-right: 3px;
 }
 
 .node-busy .spinner-border {
@@ -95,4 +94,8 @@ export default {
   top: -7px;
   color: #3293f2;
 }
+
+.node-busy + .icon {
+  margin-right: 3px;
+}
 </style>
-- 
GitLab