From 94a1d11209a4a8a41a55b0f7fd9780954702e233 Mon Sep 17 00:00:00 2001
From: Daniil Fedotov <dfedotov@pivotal.io>
Date: Mon, 4 Sep 2017 11:47:15 +0100
Subject: [PATCH] Fix details panel style. Move initial channel position to fit
 the canvas.

---
 priv/www/js/tmpl/visualiser.ejs | 3 +++
 priv/www/visualiser/js/model.js | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/priv/www/js/tmpl/visualiser.ejs b/priv/www/js/tmpl/visualiser.ejs
index 24ab259..9c87a32 100644
--- a/priv/www/js/tmpl/visualiser.ejs
+++ b/priv/www/js/tmpl/visualiser.ejs
@@ -44,6 +44,9 @@ margin: 0;
 float: left;
 }
 
+#details table td { padding : 1px 10px 1px 4px; margin : 0; border: none; line-height: 14px; text-align: left; }
+#details table th { padding : 1px 4px 1px 10px; margin : 0; border: none; line-height: 14px; text-align: right; }
+
 #helpButton{
 margin-right: 10px;
 float: right;
diff --git a/priv/www/visualiser/js/model.js b/priv/www/visualiser/js/model.js
index 3ab2622..fe295f3 100644
--- a/priv/www/visualiser/js/model.js
+++ b/priv/www/visualiser/js/model.js
@@ -140,7 +140,7 @@ function Channel(tree, elem, model) {
 }
 
 Channel.prototype = {
-    yInit : 100,
+    yInit : 120,
     yIncr : 50,
     xInit : 100,
     xIncr : 50,