From af45279efa86084495f9dc869f9fe88fbb28141c Mon Sep 17 00:00:00 2001
From: Nicolas Constant <github@nicolas-constant.com>
Date: Sun, 23 Jun 2019 19:47:14 -0400
Subject: [PATCH] better positionning of "remove column"

---
 .../stream-edition.component.html             | 10 ++++++----
 .../stream-edition.component.scss             | 20 +++++++++++++++++--
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/app/components/stream/stream-edition/stream-edition.component.html b/src/app/components/stream/stream-edition/stream-edition.component.html
index b736e313..1dfa8d6a 100644
--- a/src/app/components/stream/stream-edition/stream-edition.component.html
+++ b/src/app/components/stream/stream-edition/stream-edition.component.html
@@ -1,5 +1,7 @@
-<div class="stream-edition">
-    <button (click)="moveLeft()" class="stream-edition__button" title="move left"><fa-icon [icon]="faChevronLeft"></fa-icon></button>
-    <button (click)="moveRight()" class="stream-edition__button" title="move right"><fa-icon [icon]="faChevronRight"></fa-icon></button>
-    <button (click)="delete()" class="stream-edition__button stream-edition__button--delete"  title="remove column"><fa-icon [icon]="faTimes"></fa-icon></button>
+<div class="stream-edition">   
+    <button (click)="delete()" class="stream-edition__button stream-edition__button--delete"  title="remove column"><fa-icon [icon]="faTimes"></fa-icon> <span class="stream-edition__button--delete--label">remove</span></button>
+
+    <button (click)="moveRight()" class="stream-edition__button stream-edition__button--move stream-edition__button--move--right" title="move right"><fa-icon [icon]="faChevronRight"></fa-icon></button>
+    <button (click)="moveLeft()" class="stream-edition__button stream-edition__button--move" title="move left"><fa-icon [icon]="faChevronLeft"></fa-icon></button>
+  
 </div>
\ No newline at end of file
diff --git a/src/app/components/stream/stream-edition/stream-edition.component.scss b/src/app/components/stream/stream-edition/stream-edition.component.scss
index 2a8d451c..c9b50ab7 100644
--- a/src/app/components/stream/stream-edition/stream-edition.component.scss
+++ b/src/app/components/stream/stream-edition/stream-edition.component.scss
@@ -5,13 +5,29 @@
     width: 100%;
     // min-height: 50px;
     background-color: #222736;
+
     &__button {
         @include clearButton;
         padding: 5px 10px 5px 10px;
         margin: 3px 0;
-        &--delete{
+
+        &--delete {
+            // float: right;
+            margin-left: 5px;
+
+            &--label {
+                position: relative;
+                top: -1px;
+                left: 7px;
+            }
+        }
+
+        &--move {
             float: right;
-            margin-right: 5px;
+
+            &--right {
+                margin-right: 5px;
+            }
         }
 
         &:hover {