Design details for offers modal (#19208)

no issues

- consistent spacing between modal and preview modal
- no action button jumping between the modals
- cleaner stats section in the edit screen

apps/admin-x-design-system/src/global/modal/Modal.tsx

@@ -249,7 +249,7 @@ const Modal: React.FC<ModalProps> = ({
             backdropClasses,
             'p-4 md:p-[4vmin]'
         );
-        paddingClasses = 'p-8';
+        paddingClasses = 'p-7';
         headerClasses = clsx(
             headerClasses,
             '-inset-x-8'

apps/admin-x-design-system/src/global/modal/PreviewModal.tsx

@@ -281,7 +281,7 @@ export const PreviewModalContent: React.FC<PreviewModalProps> = ({
                 {sidebar &&
                     <div className='relative flex h-full w-full flex-col border-l border-grey-100 dark:border-grey-900 [@media(min-width:801px)]:w-auto [@media(min-width:801px)]:basis-[400px]'>
                         {sidebarHeader ? sidebarHeader : (
-                            <div className='flex max-h-[74px] items-center justify-between gap-3 px-7 py-5'>
+                            <div className='flex max-h-[82px] items-center justify-between gap-3 px-7 py-6'>
                                 <Heading level={titleHeadingLevel}>{title}</Heading>
                                 {sidebarButtons ? sidebarButtons : <ButtonGroup buttons={buttons} /> }
                             </div>

apps/admin-x-settings/src/components/settings/growth/offers/EditOfferModal.tsx

@@ -95,10 +95,9 @@ const Sidebar: React.FC<{
             };
 
             return (
-                <div className='flex grow flex-col pt-7'>
+                <div className='flex grow flex-col pt-2'>
                     <Form className=' grow'>
                         <section>
-                            <h2 className='mb-4 text-lg'>Stats</h2>
                             <div className='flex flex-col gap-5 rounded-md border border-grey-300 p-4 pb-3.5'>
                                 <div className='flex flex-col gap-1.5'>
                                     <span className='text-xs font-semibold leading-none text-grey-700'>Created on</span>