ui

apps/mail/app/(routes)/mail/layout.tsx

@@ -7,7 +7,7 @@ export default function MailLayout({ children }: { children: React.ReactNode })
     <HotkeyProviderWrapper>
       <AppSidebar />
       <GlobalHotkeys />
-      <div className="w-full bg-white md:py-3 md:pr-2 dark:bg-black">{children}</div>
+      <div className="w-full bg-white dark:bg-black">{children}</div>
     </HotkeyProviderWrapper>
   );
 }

apps/mail/components/create/create-email.tsx

@@ -470,7 +470,7 @@ export function CreateEmail({
 
   return (
     <div
-      className="bg-offsetLight dark:bg-offsetDark relative flex h-[100.3%] flex-col overflow-hidden shadow-inner md:rounded-2xl md:border md:shadow-sm"
+      className="bg-offsetLight dark:bg-offsetDark relative flex h-[calc(98vh+10px)] mt-1 flex-col overflow-hidden shadow-inner md:rounded-2xl md:border md:shadow-sm"
       onDragOver={handleDragOver}
       onDragLeave={handleDragLeave}
       onDrop={handleDrop}

apps/mail/components/icons/animated/archive.tsx

@@ -94,7 +94,6 @@ const ArchiveIcon = forwardRef<ArchiveIconHandle, HTMLAttributes<HTMLDivElement>
           strokeWidth="2"
           strokeLinecap="round"
           strokeLinejoin="round"
-          className="relative bottom-0.5"
         >
           <motion.rect
             width="20"

apps/mail/components/icons/animated/trash.tsx

@@ -74,7 +74,6 @@ const DeleteIcon = forwardRef<DeleteIconHandle, HTMLAttributes<HTMLDivElement>>(
           strokeWidth="2"
           strokeLinecap="round"
           strokeLinejoin="round"
-          className="relative bottom-0.5"
         >
           <motion.g variants={lidVariants} animate={controls} transition={springTransition}>
             <path d="M3 6h18" />

apps/mail/components/mail/mail.tsx

@@ -297,7 +297,7 @@ export function MailLayout() {
 
   return (
     <TooltipProvider delayDuration={0}>
-      <div className="rounded-inherit flex p-0 ">
+      <div className="rounded-inherit flex p-0 mt-1">
         <ResizablePanelGroup
           direction="horizontal"
           autoSaveId="mail-panel-layout"
@@ -308,7 +308,7 @@ export function MailLayout() {
             defaultSize={isMobile ? 100 : 30}
             minSize={isMobile ? 100 : 30}
           >
-            <div className="bg-offsetLight dark:bg-offsetDark flex-1 flex-col overflow-y-auto shadow-inner md:flex md:rounded-2xl md:border md:shadow-sm h-[calc(98vh)]">
+            <div className="bg-offsetLight dark:bg-offsetDark flex-1 flex-col overflow-y-auto shadow-inner md:flex md:rounded-2xl md:border md:shadow-sm h-[calc(98vh+10px)]">
               <div
                 className={cn(
                   'sticky top-0 z-10 flex items-center justify-between gap-1.5 border-b p-2 transition-colors md:min-h-14',

apps/mail/components/ui/ai-sidebar.tsx

@@ -88,9 +88,9 @@ export function AISidebar({ children, className }: AISidebarProps & { children:
             <ResizableHandle className='opacity-0 w-0.5' />
             <ResizablePanel defaultSize={25} minSize={20} maxSize={25}>
               <div className={cn(
-                'h-[calc(100vh-5px)]',
+                'h-[calc(98vh+15px)]',
                 'flex flex-col',
-                'mr-3',
+                'mr-1 ml-0.5',
                 className
               )}>
                 <div className="flex h-full flex-col">

apps/mail/components/ui/settings-content.tsx

@@ -8,8 +8,8 @@ export function SettingsLayoutContent({ children }: { children: React.ReactNode
   return (
     <div className="flex h-full w-full">
       <AppSidebar className="hidden lg:flex" />
-      <div className="w-full flex-1 bg-white md:py-3 md:pr-2 dark:bg-black">
-        <div className="md:shadow-s bg-offsetLight dark:bg-offsetDark flex h-full flex-col overflow-y-auto shadow-inner md:rounded-2xl md:border">
+      <div className="w-full flex-1 bg-white dark:bg-black">
+        <div className="md:shadow-s bg-offsetLight dark:bg-offsetDark flex h-[calc(98vh+10px)] mt-1 flex-col overflow-y-auto shadow-inner md:rounded-2xl md:border">
           <div className="sticky top-0 z-10 flex items-center justify-between gap-1.5 border-b p-2">
             <SidebarToggle className="h-fit px-2" />
           </div>

apps/mail/config/navigation.ts

@@ -162,12 +162,6 @@ export const navigationConfig: Record<string, NavConfig> = {
             url: '/settings/appearance',
             icon: SparklesIcon,
           },
-          {
-            title: 'navigation.settings.signatures',
-            url: '/settings/signatures',
-            icon: MessageSquareIcon,
-            disabled: true,
-          },
           {
             title: 'navigation.settings.shortcuts',
             url: '/settings/shortcuts',