From 2cca2d82d91ef56dd431842dd15065da45ddfa1d Mon Sep 17 00:00:00 2001
From: "Taras.Hlukhovetskyi" <taras.hlukhovetskyi@globallogic.com>
Date: Wed, 24 Jan 2024 13:32:45 +0200
Subject: [PATCH] Fix misleading artifacts counter in project monitoring screen

---
 src/components/Project/ProjectMonitorView.js          | 3 +++
 src/components/Project/project.scss                   | 4 ++++
 src/elements/ProjectSummaryCard/ProjectSummaryCard.js | 2 +-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Project/ProjectMonitorView.js b/src/components/Project/ProjectMonitorView.js
index 3c8fadf7b9..77d8b3d41f 100644
--- a/src/components/Project/ProjectMonitorView.js
+++ b/src/components/Project/ProjectMonitorView.js
@@ -127,6 +127,9 @@ const ProjectMonitorView = ({
                 counterValue={projectSummary.data.models_count ?? 0}
                 link={`/projects/${params.projectName}/models`}
                 projectSummary={projectSummary}
+                tip="This counter is the number of models with different names (keys). 
+                  Each such model may have many versions, produced by multiple runs and given multiple tags. 
+                  You can browse them in the Models page."
                 title="Models"
               />
               <ProjectSummaryCard
diff --git a/src/components/Project/project.scss b/src/components/Project/project.scss
index 16a18583ca..970a4a5b07 100644
--- a/src/components/Project/project.scss
+++ b/src/components/Project/project.scss
@@ -162,6 +162,10 @@
             line-height: 23px;
           }
 
+          &-tip {
+            margin-left: 5px;
+          }
+
           &.table-header {
             min-height: 180px;
           }
diff --git a/src/elements/ProjectSummaryCard/ProjectSummaryCard.js b/src/elements/ProjectSummaryCard/ProjectSummaryCard.js
index 32dd27670b..bb278f4ae1 100644
--- a/src/elements/ProjectSummaryCard/ProjectSummaryCard.js
+++ b/src/elements/ProjectSummaryCard/ProjectSummaryCard.js
@@ -35,7 +35,7 @@ const ProjectSummaryCard = ({ counterValue, link, projectSummary, tip, title, to
         <div className="project-data-card__header">
           <div className="project-data-card__header-text data-ellipsis">
             {title}
-            {tip && <Tip className="checkbox__label-tip" text={tip} />}
+            {tip && <Tip className="project-data-card__header-tip" text={tip} />}
           </div>
           <div className="project-data-card__statistics">
             <div className="project-data-card__statistics-item">