From b4c86835edae8c1df6d32998a0be40ee33809069 Mon Sep 17 00:00:00 2001
From: Johannes <72809645+jobenjada@users.noreply.github.com>
Date: Wed, 12 Jun 2024 17:58:19 +0200
Subject: [PATCH] fix: survey padding and add report survey (#2763)

---
 .../web/app/s/[surveyId]/components/LegalFooter.tsx | 13 ++++---------
 packages/surveys/src/components/general/Survey.tsx  |  2 +-
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/apps/web/app/s/[surveyId]/components/LegalFooter.tsx b/apps/web/app/s/[surveyId]/components/LegalFooter.tsx
index 9e6ba7379f..f45e6929c8 100644
--- a/apps/web/app/s/[surveyId]/components/LegalFooter.tsx
+++ b/apps/web/app/s/[surveyId]/components/LegalFooter.tsx
@@ -15,14 +15,6 @@ export const LegalFooter = ({
 }: LegalFooterProps) => {
   if (!IMPRINT_URL && !PRIVACY_URL && !IS_FORMBRICKS_CLOUD) return null;
 
-  const createMailToLink = (surveyLink) => {
-    const subject = encodeURIComponent("Reporting this survey");
-    const body = encodeURIComponent(
-      `I report the survey to the Formbricks team as it is spam, abusive or violates the terms.\n\n${surveyLink}`
-    );
-    return `mailto:hola@formbricks.com?subject=${subject}&body=${body}`;
-  };
-
   return (
     <div className="absolute bottom-0 h-10 w-full">
       <div className="mx-auto max-w-lg p-2 text-center text-xs text-slate-400 text-opacity-50">
@@ -39,7 +31,10 @@ export const LegalFooter = ({
         )}
         {PRIVACY_URL && IS_FORMBRICKS_CLOUD && <span className="px-2">|</span>}
         {IS_FORMBRICKS_CLOUD && (
-          <Link href={createMailToLink(surveyUrl)} target="_blank" className="hover:underline">
+          <Link
+            href={`https://app.formbricks.com/s/clxbivtla014iye2vfrn436xd?surveyUrl=${surveyUrl}`}
+            target="_blank"
+            className="hover:underline">
             Report Survey
           </Link>
         )}
diff --git a/packages/surveys/src/components/general/Survey.tsx b/packages/surveys/src/components/general/Survey.tsx
index 929e590aad..766f44a5ff 100644
--- a/packages/surveys/src/components/general/Survey.tsx
+++ b/packages/surveys/src/components/general/Survey.tsx
@@ -320,7 +320,7 @@ export const Survey = ({
             cardArrangement === "simple" ? "fb-survey-shadow" : "",
             offset === 0 || cardArrangement === "simple" ? "opacity-100" : "opacity-0"
           )}>
-          <div className="flex justify-end pr-2 pt-2">
+          <div className="flex h-6 justify-end pr-2 pt-2">
             {getShowLanguageSwitch(offset) && (
               <LanguageSwitch
                 surveyLanguages={survey.languages}