fix: missing email button padding (#22529)

Signed-off-by: Guillermo Guirao Aguilar <[email protected]>

Author: Funk66

server/src/emails/album-update.email.tsx

@@ -29,8 +29,8 @@ export const AlbumUpdateEmail = ({
       </Text>
 
       <Text>
-        New media has been added to <strong>{albumName}</strong>,
-        <br /> check it out!
+        New media has been added to <strong>{albumName}</strong>.
+        <br /> Check it out!
       </Text>
     </>
   );

server/src/emails/components/button.component.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
-import { Button, ButtonProps } from '@react-email/components';
+import { Button, ButtonProps, Text } from '@react-email/components';
 
 export const ImmichButton = ({ children, ...props }: ButtonProps) => (
   <Button
     {...props}
-    className="py-3 px-8 border bg-immich-primary rounded-full no-underline hover:no-underline text-white hover:text-gray-50 font-bold uppercase"
+    className="border bg-immich-primary rounded-full no-underline hover:no-underline text-white hover:text-gray-50 font-bold uppercase"
   >
-    {children}
+    <Text className="my-3 mx-8">{children}</Text>
   </Button>
 );