Resolve bug where list-view-item top border disappeared

Caused by backward incompatible changes in PatternFly v3.12+.

Resolves #1283

Note:  we’ll likely replace the instance using this LESS/CSS on the
Monitoring page with the new list-pf, but until then, this fixes the
bug.

Author: rhamilto

app/styles/_list-view.less

@@ -44,25 +44,6 @@
   }
 }
 
-.list-group-item-expandable {
-  cursor: pointer;
-  border: 1px solid #eaeaea;
-  border-left-color: transparent;
-  border-right-color: transparent;
-  &.expanded {
-    border-color: @table-border-color;
-    &, &:hover {
-      background-color: @list-view-expanded-bg;
-    }
-    .list-view-pf-checkbox {
-      border-right-color: @table-border-color;
-    }
-  }
-  .list-group-item-heading {
-    white-space: normal;
-  }
-}
-
 .list-group-item-text, .list-view-pf-additional-info {
   .fa, .pficon {
     font-size: @font-size-base;
@@ -75,6 +56,27 @@
   h2 + & {
     margin-top: 20px;
   }
+  .list-group-item:first-child {
+    border-top-color: #eaeaea;
+  }
+  .list-group-item-expandable {
+    cursor: pointer;
+    border: 1px solid #eaeaea;
+    border-left-color: transparent;
+    border-right-color: transparent;
+    &.expanded {
+      border-color: @table-border-color;
+      &, &:hover {
+        background-color: @list-view-expanded-bg;
+      }
+      .list-view-pf-checkbox {
+        border-right-color: @table-border-color;
+      }
+    }
+    .list-group-item-heading {
+      white-space: normal;
+    }
+  }
   .list-group-item-heading {
     font-size: @font-size-base;
     small {

dist/styles/main.css

@@ -4164,14 +4164,15 @@ copy-to-clipboard .input-group.limit-width{max-width:300px}
 .list-group-item{padding-left:10px;padding-right:10px}
 .list-view-pf-checkbox{border-right-color:#ddd;font-size:22px;margin-bottom:10px;margin-top:10px;width:25px}
 .list-view-pf-checkbox a{color:#555}
-.list-group-item-expandable{cursor:pointer;border:1px solid #eaeaea;border-left-color:transparent;border-right-color:transparent}
-.list-group-item-expandable.expanded{border-color:#d1d1d1}
-.list-group-item-expandable.expanded,.list-group-item-expandable.expanded:hover{background-color:#f5f5f5}
-.list-group-item-expandable.expanded .list-view-pf-checkbox{border-right-color:#d1d1d1}
-.list-group-item-expandable .list-group-item-heading{white-space:normal}
 .list-group-item-text .fa,.list-group-item-text .pficon,.list-view-pf-additional-info .fa,.list-view-pf-additional-info .pficon{font-size:13px;margin-right:3px}
 .list-view-pf{margin-bottom:50px}
 h2+.list-view-pf{margin-top:20px}
+.list-view-pf .list-group-item:first-child{border-top-color:#eaeaea}
+.list-view-pf .list-group-item-expandable{cursor:pointer;border:1px solid #eaeaea;border-left-color:transparent;border-right-color:transparent}
+.list-view-pf .list-group-item-expandable.expanded{border-color:#d1d1d1}
+.list-view-pf .list-group-item-expandable.expanded,.list-view-pf .list-group-item-expandable.expanded:hover{background-color:#f5f5f5}
+.list-view-pf .list-group-item-expandable.expanded .list-view-pf-checkbox{border-right-color:#d1d1d1}
+.list-view-pf .list-group-item-expandable .list-group-item-heading{white-space:normal}
 .list-view-pf .list-group-item-heading{font-size:13px}
 .list-view-pf .list-group-item-heading small{overflow:hidden;text-overflow:ellipsis;color:#9c9c9c}
 .list-view-pf .list-group-item-text{margin-bottom:5px}