fix: logo alignment in email (#2566)

packages/email/components/general/EmailTemplate.tsx

@@ -16,12 +16,12 @@ export const EmailTemplate = ({ content }: EmailTemplateProps) => (
           style={{
             fontFamily: "'Poppins', 'Helvetica Neue', 'Segoe UI', 'Helvetica', 'sans-serif'",
           }}>
-          <Section className="flex items-center justify-center">
+          <Section>
             <Link href="https://formbricks.com?utm_source=email_header&utm_medium=email" target="_blank">
               <Img
                 src="https://s3.eu-central-1.amazonaws.com/listmonk-formbricks/Formbricks-Light-transparent.png"
                 alt="Formbricks Logo"
-                className="w-80"
+                className="mx-auto w-80"
               />
             </Link>
           </Section>

packages/email/components/survey/ResponseFinishedEmail.tsx

@@ -21,7 +21,7 @@ export const renderEmailResponseValue = (response: string | string[], questionTy
                 key={response}
                 className="mt-2 flex flex-col items-center justify-center rounded-lg bg-gray-200 p-2 text-black shadow-sm">
                 <FileIcon />
-                <Text className="mb-0 truncate">{getOriginalFileNameFromUrl(response)}</Text>
+                <Text className="mx-auto mb-0 truncate">{getOriginalFileNameFromUrl(response)}</Text>
               </Link>
             ))}
         </Container>

packages/lib/responses.ts

@@ -75,6 +75,7 @@ export const processResponseData = (
         return responseData;
       } else {
         const formattedString = Object.entries(responseData)
+          .filter(([_, value]) => value !== "")
           .map(([key, value]) => `${key}: ${value}`)
           .join("\n");
         return formattedString;