From 9ef592c5d092ba04caf82a91f9a0181df386f82f Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 22 Oct 2023 19:20:49 +0200
Subject: [PATCH] fix: make sure there's enough space for the close button

---
 src/components/misc/modal.vue             | 6 +++++-
 src/components/tasks/partials/heading.vue | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/misc/modal.vue b/src/components/misc/modal.vue
index bad3b9565..2bbd063b6 100644
--- a/src/components/misc/modal.vue
+++ b/src/components/misc/modal.vue
@@ -197,7 +197,7 @@ $modal-width: 1024px;
 .close {
 	$close-button-padding: 26px;
 	position: fixed;
-	top: 5px;
+	top: .5rem;
 	right: $close-button-padding;
 	color: var(--grey-900);
 	font-size: 2rem;
@@ -212,6 +212,10 @@ $modal-width: 1024px;
 	@media screen and (min-width: calc(#{$desktop	} + #{$close-button-min-space})) {
 		color: var(--white);
 	}
+
+	@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
+		top: .75rem;
+	}
 }
 </style>
 
diff --git a/src/components/tasks/partials/heading.vue b/src/components/tasks/partials/heading.vue
index 1f02f83b1..78abca40c 100644
--- a/src/components/tasks/partials/heading.vue
+++ b/src/components/tasks/partials/heading.vue
@@ -136,7 +136,7 @@ async function save(title: string) {
 	}
 
 	@media screen and (min-width: $tablet) and (max-width: #{$desktop + $close-button-min-space}) {
-		width: calc(100% - 5rem);
+		width: calc(100% - 6.5rem);
 	}
 }