fix: links and survey overlapping (#1985)

Co-authored-by: Johannes <72809645+jobenjada@users.noreply.github.com>

apps/web/app/s/[surveyId]/components/LegalFooter.tsx

@@ -27,7 +27,7 @@ export default function LegalFooter({
 
   return (
     <div
-      className={`fixed bottom-0 h-12 w-full`}
+      className={`absolute bottom-0 h-12 w-full`}
       style={{
         backgroundColor: `${bgColor}`,
       }}>

apps/web/app/s/[surveyId]/components/LinkSurvey.tsx

@@ -135,7 +135,7 @@ export default function LinkSurvey({
 
   return (
     <>
-      <ContentWrapper className="h-full w-full p-0 md:max-w-md">
+      <ContentWrapper className="my-12 h-full w-full p-0 md:max-w-md">
         {isPreview && (
           <div className="fixed left-0 top-0 flex w-full items-center justify-between bg-slate-600 p-2 px-4 text-center text-sm text-white shadow-sm">
             <div />

apps/web/app/s/[surveyId]/page.tsx

@@ -195,7 +195,7 @@ export default async function LinkSurveyPage({ params, searchParams }: LinkSurve
   }
 
   return survey ? (
-    <div>
+    <div className="relative">
       <MediaBackground survey={survey}>
         <LinkSurvey
           survey={survey}