Show an icon if a task has non-empty description

List view and Kanban view

src/components/tasks/partials/singleTaskInList.vue

@@ -47,6 +47,9 @@
 				<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.description">
+				<icon icon="align-left"/>
+			</span>
 		</span>
 		<router-link
 			:to="{ name: 'list.list', params: { listId: task.listId } }"

src/styles/components/kanban.scss

@@ -120,6 +120,17 @@ $crazy-height-calculation: '100vh - 4.5rem - 1.5rem - 1em - 1.5em - 8px';
             }
           }
 
+          .icons-container {
+            display: flex;
+            .icon {
+              width: 25px;
+              height: 24px;
+              &:not(:first-child) {
+                margin-left: 4px;
+              }
+            }
+          }
+
           .icon {
             svg {
               margin: 4px 0 4px 4px;

src/styles/components/tasks.scss

@@ -70,6 +70,10 @@
       width: 27px;
     }
 
+    .list-task-icon {
+      margin-left: 4px;
+    }
+
     a {
       color: $text;
       transition: color ease $transition-duration;

src/views/list/views/Kanban.vue

@@ -153,7 +153,7 @@
 											/>
 										</div>
 									</div>
-									<div>
+									<div class="icons-container">
 										<span class="icon" v-if="task.attachments.length > 0">
 											<svg fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 												<rect fill="none" rx="0" ry="0"></rect>
@@ -163,6 +163,9 @@
 													fill-rule="evenodd"></path>
 											</svg>
 										</span>
+										<span v-if="task.description" class="icon">
+											<icon icon="align-left"/>
+										</span>
 									</div>
 								</div>
 							</div>