Er 1.27 styling cleanup (#965)

Author: sergioc

src/ServicePulse.Host/app/css/particular.css

@@ -3055,6 +3055,7 @@ a.remove-endpoint:hover i {
 
 .filter-group.filter-monitoring {
     width: 100%;
+    
 }
 
 .filter-group.filter-monitoring:before {
@@ -3067,9 +3068,14 @@ a.remove-endpoint:hover i {
     float: none;
 }
 
+.monitoring-view .filter-group.filter-monitoring:before {
+    top: 41px;
+}
+
 .monitoring-view .dropdown {
     top: 33px;
     margin-left: 25px;
+    width: 212px;
 }
 
 .monitoring-view .dropdown .dropdown-menu {
@@ -3191,9 +3197,10 @@ button[ng-click="vm.toggleSort()"] div {
     margin-left: 10px;
     top: 3px;
 }
-}
+
 
 .endpoint-group-title {
     font-size: 14px;
     font-weight: bold;
-    margin: 20px 0 10px;
+    margin: 20px 0 10px 15px;
+}

src/ServicePulse.Host/app/js/views/endpoints/endpoints.html

@@ -23,8 +23,6 @@ <h5 ng-class="{active: isEndpointsConfiguration == true}"><a ng-click="isEndpoin
 
             <div class="filter-group">
 
-                <input type="text" placeholder="Filter by name..." class="form-control-static" ng-model="endpointFilter" />
-
                 <div class="msg-group-menu dropdown">
                     <label class="control-label">Sort by:</label>
                     <button type="button" class="btn btn-default dropdown-toggle sp-btn-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -37,6 +35,8 @@ <h5 ng-class="{active: isEndpointsConfiguration == true}"><a ng-click="isEndpoin
                     </ul>
                 </div>
 
+                <input type="text" placeholder="Filter by name..." class="form-control-static" ng-model="endpointFilter" />
+
             </div>
         </div>
 

src/ServicePulse.Host/app/modules/monitoring/views/monitored_endpoints_list_grouped.html

@@ -44,8 +44,8 @@
     <div class="row">
         <div class="col-xs-12 no-side-padding">
             <div class="row" ng-repeat="endpointGroup in grouping.groupedEndpoints">
-                <div class="row endpoint-group-title">
-                    <div class="col-xs-12">{{endpointGroup.group}}</div>
+                <div class="endpoint-group-title">
+                    {{endpointGroup.group}}
                 </div>
                 <div class="row box endpoint-row"
                      ng-repeat="endpointDescription in endpointGroup.endpoints | filter: filter.name"