From 95432a03fd4f8fbbbe7cc8a4b3e876f2d0d17428 Mon Sep 17 00:00:00 2001
From: Jonas <jonas@freesources.org>
Date: Wed, 7 Jun 2023 10:32:05 +0200
Subject: [PATCH] Flexible modal width for help modal on non-mobile

Signed-off-by: Jonas <jonas@freesources.org>
---
 src/components/HelpModal.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/HelpModal.vue b/src/components/HelpModal.vue
index fbf923e404d..6de69acb95d 100644
--- a/src/components/HelpModal.vue
+++ b/src/components/HelpModal.vue
@@ -227,6 +227,7 @@ export default {
 <style lang="scss" scoped>
 	:deep(.modal-wrapper) {
 		.modal-container {
+			width: max-content;
 			padding: 30px 40px 20px;
 			user-select: text;
 		}
@@ -234,7 +235,8 @@ export default {
 		// Remove padding-right on mobile, screen might not be wide enough
 		@media only screen and (max-width: 512px) {
 			.modal-container {
-				padding: 30px 0 20px 40px;
+				width: inherit;
+				padding: 10px 0;
 			}
 		}
 	}