From 8c8c3fdfd34ef25eaae0bd061b0fecd44f934d65 Mon Sep 17 00:00:00 2001
From: Luiz Aoqui <luiz@hashicorp.com>
Date: Thu, 7 Oct 2021 16:33:16 -0400
Subject: [PATCH] ui: add job client status help message

---
 ui/app/styles/components/accordion.scss                      | 5 +++++
 .../components/job-page/parts/job-client-status-summary.hbs  | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/ui/app/styles/components/accordion.scss b/ui/app/styles/components/accordion.scss
index 2b59864a2cd..7f21d5d83db 100644
--- a/ui/app/styles/components/accordion.scss
+++ b/ui/app/styles/components/accordion.scss
@@ -33,6 +33,11 @@
     .accordion-head-content {
       width: 100%;
       margin-right: 1.5em;
+
+      .tooltip {
+        margin-left: 0.5rem;
+        margin-right: 0.5rem;
+      }
     }
 
     .accordion-toggle {
diff --git a/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs b/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
index eab69e8f936..837a6c34a0f 100644
--- a/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
+++ b/ui/app/templates/components/job-page/parts/job-client-status-summary.hbs
@@ -12,6 +12,9 @@
         <span class="badge {{if a.isOpen "is-white" "is-light"}}">
           {{this.jobClientStatus.totalNodes}}
         </span>
+        <span class="tooltip multiline" aria-label="Aggreate status of job's allocations in each client.">
+          {{x-icon "info-circle-outline" class="is-faded"}}
+        </span>
       </div>
       {{#unless a.isOpen}}
         <div class="column">