From 57d0609577dd14ab93dd0240679d5757b6e06acd Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 24 Jul 2020 22:02:46 +0200
Subject: [PATCH] Put the editor container higher up for task description

---
 src/styles/components/task.scss    | 16 ++++++++++++++--
 src/views/tasks/TaskDetailView.vue |  2 +-
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/styles/components/task.scss b/src/styles/components/task.scss
index 8863f881c..10c541455 100644
--- a/src/styles/components/task.scss
+++ b/src/styles/components/task.scss
@@ -110,9 +110,21 @@
         border: none;
       }
     }
+
+    &.description .editor {
+      margin-top: -3.5rem;
+
+      .tabs {
+        margin-bottom: 0;
+
+        ul {
+          border-bottom: none;
+        }
+      }
+    }
   }
 
-  .details,.heading {
+  .details, .heading {
     .input:not(.has-defaults),
     .textarea,
     .select:not(.has-defaults) select {
@@ -127,7 +139,7 @@
         font-style: italic;
       }
 
-      &:hover,&:active {
+      &:hover, &:active {
         background: $input-background-color;
         border-color: $input-border-color;
         cursor: text;
diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index 148f6a48c..498f9317f 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -173,7 +173,7 @@
 					</div>
 
 					<!-- Description -->
-					<div class="details content" :class="{ 'has-top-border': activeFields.labels }">
+					<div class="details content description" :class="{ 'has-top-border': activeFields.labels }">
 						<h3>
 							<span class="icon is-grey">
 								<icon icon="align-left"/>