From 2b74db3bdfba2335b29aef6b13c7b254c10dc025 Mon Sep 17 00:00:00 2001
From: profi248 <kostal.david8@gmail.com>
Date: Wed, 30 Dec 2020 19:42:05 +0100
Subject: [PATCH] Improve margins and fix Kanban alignment of icons

---
 src/components/tasks/partials/singleTaskInList.vue | 12 +++++++-----
 src/styles/components/kanban.scss                  |  2 ++
 src/styles/components/tasks.scss                   |  7 ++++++-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index 117131458..6cb90706d 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -47,11 +47,13 @@
 				<defer-task v-if="+new Date(task.dueDate) > 0 && showDefer" v-model="task"/>
 			</transition>
 			<priority-label :priority="task.priority"/>
-			<span class="list-task-icon" v-if="task.attachments.length > 0">
-				<icon icon="paperclip"/>
-			</span>
-			<span class="list-task-icon" v-if="task.description">
-				<icon icon="align-left"/>
+			<span>
+				<span class="list-task-icon" v-if="task.attachments.length > 0">
+					<icon icon="paperclip"/>
+				</span>
+				<span class="list-task-icon" v-if="task.description">
+					<icon icon="align-left"/>
+				</span>
 			</span>
 		</span>
 		<router-link
diff --git a/src/styles/components/kanban.scss b/src/styles/components/kanban.scss
index db0ca81e6..64123c925 100644
--- a/src/styles/components/kanban.scss
+++ b/src/styles/components/kanban.scss
@@ -97,6 +97,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
           padding: 0;
           display: flex;
           justify-content: space-between;
+          margin-top: 8px;
 
           .items {
             display: flex;
@@ -122,6 +123,7 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
 
           .icons-container {
             display: flex;
+            align-items: flex-end;
             .icon {
               width: 25px;
               height: 24px;
diff --git a/src/styles/components/tasks.scss b/src/styles/components/tasks.scss
index 5ae89d4e4..bb106d8b9 100644
--- a/src/styles/components/tasks.scss
+++ b/src/styles/components/tasks.scss
@@ -71,7 +71,12 @@
     }
 
     .list-task-icon {
-      margin-left: 4px;
+      margin-left: 6px;
+
+      &:not(:first-of-type) {
+        margin-left: 8px;
+      }
+        
     }
 
     a {