From 295750d369e9f1a30527cb3b45d7b2facd2754bb Mon Sep 17 00:00:00 2001
From: sergioc <sergioc@users.noreply.github.com>
Date: Wed, 13 Jul 2022 15:53:46 +0200
Subject: [PATCH] fix instance count display in safari

---
 src/ServicePulse.Host/app/css/particular.css                   | 3 ++-
 .../app/modules/monitoring/views/monitored_endpoints_list.html | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/ServicePulse.Host/app/css/particular.css b/src/ServicePulse.Host/app/css/particular.css
index 56a96c6e81..ab60e6134d 100644
--- a/src/ServicePulse.Host/app/css/particular.css
+++ b/src/ServicePulse.Host/app/css/particular.css
@@ -3181,9 +3181,10 @@ a.remove-endpoint:hover i {
     padding-bottom: 4px;
 }
 
-.endpoint-details-link span {
+.endpoint-count {
     color: #777;
     font-weight: normal;
+    margin-left: 3px;
 }
 
 .monitoring-lost-link i {
diff --git a/src/ServicePulse.Host/app/modules/monitoring/views/monitored_endpoints_list.html b/src/ServicePulse.Host/app/modules/monitoring/views/monitored_endpoints_list.html
index 6354fa8610..77577ee1ea 100644
--- a/src/ServicePulse.Host/app/modules/monitoring/views/monitored_endpoints_list.html
+++ b/src/ServicePulse.Host/app/modules/monitoring/views/monitored_endpoints_list.html
@@ -54,8 +54,9 @@
                         <div class="col-xs-2 col-xl-7 endpoint-name name-overview">
                             <div class="row box-header">
                                 <div class="col-lg-max-8 no-side-padding lead righ-side-ellipsis endpoint-details-link">
-                                    <a ng-click="endpoint.isExpanded = !endpoint.isExpanded" ng-href="{{getDetailsUrl(endpoint)}}" uib-tooltip="{{endpoint.name}}">{{endpoint.name}}</a> <span ng-if="endpoint.connectedCount || endpoint.disconnectedCount" uib-tooltip="Endpoint instance(s): {{endpoint.connectedCount || 0}}">({{endpoint.connectedCount || 0}})</span>
+                                    <a ng-click="endpoint.isExpanded = !endpoint.isExpanded" ng-href="{{getDetailsUrl(endpoint)}}" uib-tooltip="{{endpoint.name}}">{{endpoint.name}}</a>
                                 </div>
+                                <span class="endpoint-count" ng-if="endpoint.connectedCount || endpoint.disconnectedCount" uib-tooltip="Endpoint instance(s): {{endpoint.connectedCount || 0}}">({{endpoint.connectedCount || 0}})</span>
                                 <div class="col-xs-5 no-side-padding endpoint-status">
                                     <span class="warning" ng-if="endpoint.metrics.criticalTime.displayValue.value < 0">
                                         <i class="fa pa-warning" uib-tooltip="Warning: endpoint currently has negative critical time, possibly because of a clock drift."></i>