From dc4f85e808acd6ae0d51a371f55ad38b8658ffc9 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 24 Jul 2020 22:20:10 +0200
Subject: [PATCH] Fix related tasks list spacing

---
 src/styles/components/taskRelations.scss | 27 ++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/styles/components/taskRelations.scss b/src/styles/components/taskRelations.scss
index 7290d208..1bb0804a 100644
--- a/src/styles/components/taskRelations.scss
+++ b/src/styles/components/taskRelations.scss
@@ -1,3 +1,5 @@
+$remove-icon-width: 24px;
+
 .task-relations {
   padding-bottom: 1em;
 
@@ -20,15 +22,28 @@
     .tasks {
       margin: 0;
 
-      .task {
-        padding: .5em;
-        max-width: 100%;
+      a:not(.remove) {
+        width: calc(100% - #{$remove-icon-width});
 
-        .different-list {
-          color: lighten($dark, 50);
-          width: auto;
+        .task {
+          padding: .5em;
+          max-width: 100%;
+
+          .different-list {
+            color: lighten($dark, 50);
+            width: auto;
+          }
         }
       }
+
+      .task .tasktext {
+        width: calc(100% - .25rem); // Magic .25rem extra space
+      }
+
+      .remove {
+        width: $remove-icon-width;
+        text-align: center;
+      }
     }
   }