From 02b987558d1b454264bd71b6465683a7fd26521b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20W=C3=B3jcik?= <wojcik.mike@gmail.com>
Date: Mon, 25 Jun 2018 14:02:43 +0200
Subject: [PATCH 1/2] Fixing the issue when icons overlayed the endpoint name
 on endpoint_details screen

---
 .../monitoring/views/endpoint_details.html    | 29 +++++++++----------
 1 file changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html b/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html
index 43e4ab4ae5..da5e7d4359 100644
--- a/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html
+++ b/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html
@@ -7,23 +7,22 @@
             <span class="fake-link" aria-hidden="true">&#9664;</span>
             <a href="/#/monitored_endpoints">All endpoints</a>
         </div>
-        <div class="col-sm-9 no-side-padding list-section">
-            <h1>
+        <div class="col-sm-9 no-side-padding list-section ">
+            <h1 class="righ-side-ellipsis col-lg-max-8" uib-tooltip="{{endpointName}}">
                 {{endpointName}}
-                <div class="endpoint-status">
-                    <span ng-if="endpoint.isStale" class="warning">
-                        <i class="fa pa-endpoint-lost endpoint-details" uib-tooltip="Unable to connect to endpoint"></i>
-                    </span>
-                    <span class="warning" ng-if="endpoint.isScMonitoringDisconnected">
-                        <i class="fa pa-monitoring-lost endpoint-details" uib-tooltip="Unable to connect to monitoring server"></i>
-                    </span>
-                    <a ng-if="endpoint.errorCount" class="warning" href="#/failed-messages/groups/{{endpointName}}/{{sourceIndex}}/{{endpoint.serviceControlId}}">
-                        <i class="fa fa-envelope" uib-tooltip="{{endpoint.errorCount | metricslargenumber}} failed messages associated with this endpoint. Click to see list."></i>
-                        <span class="badge badge-important ng-binding">{{endpoint.errorCount | metricslargenumber}}</span>
-                    </a>
-                </div>
-
             </h1>
+            <div class="endpoint-status col-lg-2">
+                <span ng-if="endpoint.isStale" class="warning">
+                    <i class="fa pa-endpoint-lost endpoint-details" uib-tooltip="Unable to connect to endpoint"></i>
+                </span>
+                <span class="warning" ng-if="endpoint.isScMonitoringDisconnected">
+                    <i class="fa pa-monitoring-lost endpoint-details" uib-tooltip="Unable to connect to monitoring server"></i>
+                </span>
+                <a ng-if="endpoint.errorCount" class="warning" href="#/failed-messages/groups/{{endpointName}}/{{sourceIndex}}/{{endpoint.serviceControlId}}">
+                    <i class="fa fa-envelope" uib-tooltip="{{endpoint.errorCount | metricslargenumber}} failed messages associated with this endpoint. Click to see list."></i>
+                    <span class="badge badge-important ng-binding">{{endpoint.errorCount | metricslargenumber}}</span>
+                </a>
+            </div>
         </div>
         <div class="col-sm-3 no-side-padding toolbar-menus">
             <ul class="nav nav-pills period-selector">

From 97245fc662a0d80d234a836640d14b08ee8a1c5d Mon Sep 17 00:00:00 2001
From: Sergio <sergioc@users.noreply.github.com>
Date: Mon, 25 Jun 2018 16:53:38 +0200
Subject: [PATCH 2/2] Extra room for endpoint title

---
 src/ServicePulse.Host/app/css/particular.css                 | 5 +++++
 .../app/modules/monitoring/views/endpoint_details.html       | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/ServicePulse.Host/app/css/particular.css b/src/ServicePulse.Host/app/css/particular.css
index 206e82ad2a..6a7fba1075 100644
--- a/src/ServicePulse.Host/app/css/particular.css
+++ b/src/ServicePulse.Host/app/css/particular.css
@@ -2192,6 +2192,11 @@ i.fa.pa-endpoint-lost.endpoints-overview, i.fa.pa-monitoring-lost.endpoints-over
         max-width: 76%;
         float: left;
     }
+
+    .col-lg-max-10 {
+        max-width: 88%;
+        float: left;
+    }
 }
 
 section[name="message_groups"] .list-section {
diff --git a/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html b/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html
index a44bee9b0a..f198261689 100644
--- a/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html
+++ b/src/ServicePulse.Host/app/modules/monitoring/views/endpoint_details.html
@@ -8,7 +8,7 @@
             <a href="/#/monitored_endpoints">All endpoints</a>
         </div>
         <div class="col-sm-9 no-side-padding list-section ">
-            <h1 class="righ-side-ellipsis col-lg-max-8" uib-tooltip="{{endpointName}}">
+            <h1 class="righ-side-ellipsis col-lg-max-10" uib-tooltip="{{endpointName}}">
                 {{endpointName}}
             </h1>
             <div class="endpoint-status col-lg-2">