From bb1c29edaf3fd7b23472b39922ae87fe2f22cb32 Mon Sep 17 00:00:00 2001
From: Coenen Benjamin <benjamin.coenen@hotmail.com>
Date: Fri, 14 Dec 2018 17:06:33 +0100
Subject: [PATCH] fix(ui): put toolbar over the logs (#3731)

Signed-off-by: Benjamin Coenen <benjamin.coenen@corp.ovh.com>
---
 .../views/workflow/run/node/pipeline/step/step.log.html    | 2 +-
 .../views/workflow/run/node/pipeline/step/step.log.scss    | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/views/workflow/run/node/pipeline/step/step.log.html b/ui/src/app/views/workflow/run/node/pipeline/step/step.log.html
index d7d26516a9..a7ed76428e 100644
--- a/ui/src/app/views/workflow/run/node/pipeline/step/step.log.html
+++ b/ui/src/app/views/workflow/run/node/pipeline/step/step.log.html
@@ -14,7 +14,7 @@
         </div>
     </div>
     <div class="logs" *ngIf="showLog">
-        <div class="right floated">
+        <div class="right floated toolbar" *ngIf="splittedLogsToDisplay && splittedLogsToDisplay.length > 2">
           <div class="mini ui icon buttons">
               <button class="ui button"
                   [title]="'workflow_logs_pretty_ansi' | translate"
diff --git a/ui/src/app/views/workflow/run/node/pipeline/step/step.log.scss b/ui/src/app/views/workflow/run/node/pipeline/step/step.log.scss
index 185e85e4bc..a45cf8b51c 100644
--- a/ui/src/app/views/workflow/run/node/pipeline/step/step.log.scss
+++ b/ui/src/app/views/workflow/run/node/pipeline/step/step.log.scss
@@ -56,6 +56,13 @@ $yellowLogs: #FFFF91;
   clear: both;
   padding: 10px $squareSize 10px $squareSize;
   padding-left: 0px;
+  position: relative;
+
+  .toolbar {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+  }
 
   .yellow {
     color: $yellowLogs;