From f178762f28150b1d401592faeaee135508825fdf Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Wed, 2 Oct 2024 20:58:59 +0700
Subject: [PATCH 1/2] chore(web): relax spacing for help and feedback modal

---
 .../shared-components/help-and-feedback-modal.svelte        | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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..c12003bad0b4d 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 my-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" />
@@ -66,10 +66,10 @@
     </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="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 my-5">
         {#if info.thirdPartyDocumentationUrl}
           <div>
             <a href={info.thirdPartyDocumentationUrl} target="_blank" rel="noreferrer">

From f4d7ad48879534773728b1bbbe3235c855e6848b Mon Sep 17 00:00:00 2001
From: Alex <alex.tran1502@gmail.com>
Date: Wed, 2 Oct 2024 22:01:20 +0700
Subject: [PATCH 2/2] margin

---
 .../components/shared-components/full-screen-modal.svelte   | 2 +-
 .../shared-components/help-and-feedback-modal.svelte        | 6 +++---
 2 files changed, 4 insertions(+), 4 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 c12003bad0b4d..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 my-5">
+    <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="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 my-5">
+      <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">