[onos-3264]: Close the gap between summary and details panel

Change-Id: I3921da4a3d9e9e3f6c127692e62815a8d54a28a4
diff --git a/web/gui/src/main/webapp/app/view/topo/topoPanel.js b/web/gui/src/main/webapp/app/view/topo/topoPanel.js
index 3301e5b..72e3f67 100644
--- a/web/gui/src/main/webapp/app/view/topo/topoPanel.js
+++ b/web/gui/src/main/webapp/app/view/topo/topoPanel.js
@@ -231,6 +231,8 @@
 
         title.text(data.title);
         listProps(tbody, data);
+
+        augmentDetailPanel();
     }
 
     // === -----------------------------------------------------
@@ -365,6 +367,10 @@
         }
     }
 
+    function summaryBBox() {
+        return d3.select('#' + idSum).node().getBoundingClientRect();
+    }
+
     function hideDetailPanel() {
         detail.panel().hide();
     }
@@ -373,7 +379,8 @@
 
     function augmentDetailPanel() {
         var d = detail,
-            downPos = sumFromTop + sumMax + padFudge;
+            downPos = summaryBBox().bottom + padTop;
+
         d.ypos = { up: sumFromTop, down: downPos, current: downPos };
 
         d._move = function (y, cb) {