From 48f523b13164551b956e17625976fcc5a913c558 Mon Sep 17 00:00:00 2001
From: Ehsanur Rahman Rhythm <errhythm.me@gmail.com>
Date: Tue, 5 Nov 2024 21:44:17 +0600
Subject: [PATCH] feat(og): Update styles for petition preview image

---
 .../(non-interactive)/petitions/[id]/og-image/page.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/jonogon-web-next/src/app/(non-interactive)/petitions/[id]/og-image/page.tsx b/apps/jonogon-web-next/src/app/(non-interactive)/petitions/[id]/og-image/page.tsx
index 3c1b542..b092223 100644
--- a/apps/jonogon-web-next/src/app/(non-interactive)/petitions/[id]/og-image/page.tsx
+++ b/apps/jonogon-web-next/src/app/(non-interactive)/petitions/[id]/og-image/page.tsx
@@ -348,6 +348,9 @@ export default async function PetitionPreviewImage({
                             lineHeight: '2rem',
                             textAlign: 'right',
                             whiteSpace: 'nowrap',
+                            backgroundColor: '#EF4335',
+                            padding: '8px 16px',
+                            borderRadius: '10px',
                         }}>
                         {created_at}
                     </div>
@@ -452,13 +455,16 @@ export default async function PetitionPreviewImage({
                 <div
                     style={{
                         position: 'absolute',
-                        top: '426px',
-                        left: '62px',
+                        top: '416px',
+                        left: '60px',
                         color: '#F7F2EE',
                         fontSize: '1.5rem',
                         fontWeight: '700',
                         fontFamily: inter.style.fontFamily,
                         lineHeight: '2rem',
+                        background: '#EF4335',
+                        padding: '4px 8px',
+                        borderRadius: '10px',
                     }}>
                     Vote Now!
                 </div>