From 3c9413fef39baa0be569a0f940f6e2448e22334e Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Thu, 3 Oct 2024 00:04:22 +0700
Subject: [PATCH] chore(web): relax spacing for help and feedback modal
 (#13118)

---
 .../components/shared-components/full-screen-modal.svelte | 2 +-
 .../shared-components/help-and-feedback-modal.svelte      | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/src/lib/components/shared-components/full-screen-modal.svelte b/web/src/lib/components/shared-components/full-screen-modal.svelte
index ececa25b1ef7f..ab851552762a2 100644
--- a/web/src/lib/components/shared-components/full-screen-modal.svelte
+++ b/web/src/lib/components/shared-components/full-screen-modal.svelte
@@ -76,7 +76,7 @@
   >
     <div class="immich-scrollbar overflow-y-auto pt-1" class:pb-4={isStickyBottom}>
       <ModalHeader id={titleId} {title} {showLogo} {icon} {onClose} />
-      <div class="px-5 pt-0">
+      <div class="px-5 pt-0 mb-5">
         <slot />
       </div>
     </div>
diff --git a/web/src/lib/components/shared-components/help-and-feedback-modal.svelte b/web/src/lib/components/shared-components/help-and-feedback-modal.svelte
index 1ae863e5960e1..19e12a51f9eea 100644
--- a/web/src/lib/components/shared-components/help-and-feedback-modal.svelte
+++ b/web/src/lib/components/shared-components/help-and-feedback-modal.svelte
@@ -15,7 +15,7 @@
 <Portal>
   <FullScreenModal title={$t('support_and_feedback')} {onClose}>
     <p>{$t('official_immich_resources')}</p>
-    <div class="flex flex-col sm:grid sm:grid-cols-2 gap-2 mt-3">
+    <div class="flex flex-col sm:grid sm:grid-cols-2 gap-2 mt-5">
       <div>
         <a href="https://{info.version}.archive.immich.app/docs/overview/introduction" target="_blank" rel="noreferrer">
           <Icon path={mdiInformationOutline} size="1.5em" class="inline-block" />
@@ -65,11 +65,11 @@
       </div>
     </div>
     {#if info.thirdPartyBugFeatureUrl || info.thirdPartySourceUrl || info.thirdPartyDocumentationUrl || info.thirdPartySupportUrl}
-      <p class="mt-3">{$t('third_party_resources')}</p>
-      <p class="text-xs mt-1">
+      <p class="mt-5">{$t('third_party_resources')}</p>
+      <p class="text-sm mt-1">
         {$t('support_third_party_description')}
       </p>
-      <div class="flex flex-col sm:grid sm:grid-cols-2 gap-2 mt-3">
+      <div class="flex flex-col sm:grid sm:grid-cols-2 gap-2 mt-5">
         {#if info.thirdPartyDocumentationUrl}
           <div>
             <a href={info.thirdPartyDocumentationUrl} target="_blank" rel="noreferrer">