From d21795ffd7ffada3d505ad1befe74a104e22e203 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 6 Aug 2021 23:52:55 +0200
Subject: [PATCH] Make sure the task popup view takes up all the space it can
 on mobile

---
 src/styles/components/modal.scss | 2 +-
 src/styles/components/task.scss  | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss
index 5f546d92..81e72b69 100644
--- a/src/styles/components/modal.scss
+++ b/src/styles/components/modal.scss
@@ -22,7 +22,7 @@
       width: 100%;
       margin: 4rem auto;
 
-      @media screen and (max-width: 1024px) {
+      @media screen and (max-width: $desktop) {
         margin: 0;
 
         .close {
diff --git a/src/styles/components/task.scss b/src/styles/components/task.scss
index 1f4f45f1..64d864e2 100644
--- a/src/styles/components/task.scss
+++ b/src/styles/components/task.scss
@@ -4,6 +4,10 @@
   padding: 1rem;
   background-color: $light-background;
 
+  @media screen and (max-width: $desktop) {
+    padding-bottom: 0;
+  }
+
   .subtitle {
     color: $grey-500;
 
@@ -197,6 +201,10 @@
 
 .task-view-container {
   padding-bottom: 1rem;
+	
+  @media screen and (max-width: $desktop) {
+	padding-bottom: 0;
+  }
 
   .task-view * {
     opacity: 0;