ONOS-2850 : Continuing Topology Programmable Dialog box --- WIP.

Change-Id: Id82c74c2acec633b38595975ed605adb81d9ec90
diff --git a/web/gui/src/main/webapp/app/fw/layer/panel.css b/web/gui/src/main/webapp/app/fw/layer/panel.css
index 46dbdb5..ded05cf 100644
--- a/web/gui/src/main/webapp/app/fw/layer/panel.css
+++ b/web/gui/src/main/webapp/app/fw/layer/panel.css
@@ -34,6 +34,10 @@
     border-radius: 6px;
 }
 
+.floatpanel.dialog {
+    top: 180px;
+}
+
 html[data-platform='iPad'] .floatpanel {
     top: 80px;
 }
diff --git a/web/gui/src/main/webapp/app/fw/layer/panel.js b/web/gui/src/main/webapp/app/fw/layer/panel.js
index aef71ee..10f0481 100644
--- a/web/gui/src/main/webapp/app/fw/layer/panel.js
+++ b/web/gui/src/main/webapp/app/fw/layer/panel.js
@@ -171,7 +171,10 @@
     }
 
     angular.module('onosLayer')
-        .factory('PanelService', ['$log', 'FnService', function (_$log_, _fs_) {
+    .factory('PanelService',
+        ['$log', '$window', 'FnService',
+
+        function (_$log_, _$window_, _fs_) {
             $log = _$log_;
             fs = _fs_;
 
@@ -210,5 +213,4 @@
                 destroyPanel: destroyPanel
             };
         }]);
-
 }());
diff --git a/web/gui/src/main/webapp/app/view/topo/topoDialog.js b/web/gui/src/main/webapp/app/view/topo/topoDialog.js
index e485804..9307918 100644
--- a/web/gui/src/main/webapp/app/view/topo/topoDialog.js
+++ b/web/gui/src/main/webapp/app/view/topo/topoDialog.js
@@ -26,10 +26,11 @@
     var $log, $window, $rootScope, fs, ps, bns;
 
     // constants
-    var pCls = 'topo-p',
+    var pCls = 'topo-p dialog',
         idDialog = 'topo-p-dialog',
         panelOpts = {
-            width: 300
+            width: 300,
+            edge: 'left'
         };
 
     // internal state