From d7faa2e67be581a1da648f3fe536e9b4a201d136 Mon Sep 17 00:00:00 2001
From: Vitaliy Guliy <vguliy@codenvy.com>
Date: Fri, 13 Jan 2017 10:18:53 +0200
Subject: [PATCH] CHE-2859 Provide better alignements in the Process panel
 (#3699)

* CHE-2859 Provide better alignements in the Process panel

* CHE-2859 Provide better alignements in the Process panel
---
 .../src/main/resources/org/eclipse/che/ide/ui/tree/Tree.css | 2 +-
 .../che/ide/extension/machine/client/MachineResources.java  | 2 ++
 .../machine/client/processes/ProcessTreeRenderer.java       | 4 ++--
 .../eclipse/che/ide/extension/machine/client/machine.css    | 6 ++++++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/ide/commons-gwt/src/main/resources/org/eclipse/che/ide/ui/tree/Tree.css b/ide/commons-gwt/src/main/resources/org/eclipse/che/ide/ui/tree/Tree.css
index 266373a9b2..f19220c872 100755
--- a/ide/commons-gwt/src/main/resources/org/eclipse/che/ide/ui/tree/Tree.css
+++ b/ide/commons-gwt/src/main/resources/org/eclipse/che/ide/ui/tree/Tree.css
@@ -83,7 +83,7 @@
     fill: treeExpandArrowColor;
     -webkit-filter: drop-shadow( treeExpandArrowShadow );
     margin-left: 3px;
-    margin-top: 0;
+    margin-top: 1px;
 }
 
 /* We have no icon, just a spacer */
diff --git a/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/MachineResources.java b/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/MachineResources.java
index f20a9c96ec..82e215b065 100644
--- a/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/MachineResources.java
+++ b/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/MachineResources.java
@@ -147,6 +147,8 @@ public interface MachineResources extends ClientBundle {
 
         String processTreeNode();
 
+        String commandTreeNode();
+
         String differentMachineLabel();
 
         String dockerMachineLabel();
diff --git a/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/processes/ProcessTreeRenderer.java b/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/processes/ProcessTreeRenderer.java
index a4dc6d99a0..bfe537d42e 100644
--- a/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/processes/ProcessTreeRenderer.java
+++ b/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/java/org/eclipse/che/ide/extension/machine/client/processes/ProcessTreeRenderer.java
@@ -226,7 +226,7 @@ public class ProcessTreeRenderer implements NodeRenderer<ProcessTreeNode> {
     }
 
     private SpanElement createCommandElement(ProcessTreeNode node) {
-        SpanElement root = Elements.createSpanElement();
+        SpanElement root = Elements.createSpanElement(resources.getCss().commandTreeNode());
         root.setAttribute("running", "" + node.isRunning());
 
         root.appendChild(createCloseElement(node));
@@ -262,7 +262,7 @@ public class ProcessTreeRenderer implements NodeRenderer<ProcessTreeNode> {
     }
 
     private SpanElement createTerminalElement(ProcessTreeNode node) {
-        SpanElement root = Elements.createSpanElement();
+        SpanElement root = Elements.createSpanElement(resources.getCss().commandTreeNode());
 
         root.appendChild(createCloseElement(node));
 
diff --git a/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/resources/org/eclipse/che/ide/extension/machine/client/machine.css b/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/resources/org/eclipse/che/ide/extension/machine/client/machine.css
index 0d3bcbb8bb..e19c5c1256 100644
--- a/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/resources/org/eclipse/che/ide/extension/machine/client/machine.css
+++ b/plugins/plugin-machine/che-plugin-machine-ext-client/src/main/resources/org/eclipse/che/ide/extension/machine/client/machine.css
@@ -227,6 +227,12 @@
 .processTree .processTreeNode {
 }
 
+.commandTreeNode {
+    position: relative;
+    left: 0px;
+    top: -1px;
+}
+
 .dockerMachineLabel {
     background-color: blueIconColor;
 }