Refactor EmailList component for improved layout and responsiveness. Adjusted class names for better styling and updated the MailFolderStackIndicator positioning to enhance visibility in listToolbarMode.

components/gmail/email-list.tsx

@@ -3080,7 +3080,8 @@ export function EmailList({
           !splitView && isViewMode && openEmail
             ? "relative flex min-h-0 flex-1 flex-col overflow-hidden"
             : mainScrollClass,
-          "relative min-h-0 flex-1 overscroll-y-none max-sm:pb-16"
+          "relative min-h-0 flex-1 overscroll-y-none max-sm:pb-16",
+          listToolbarMode && "sm:pb-12"
         )}
       >
       {listToolbarMode && (
@@ -4526,7 +4527,8 @@ export function EmailList({
       </div>
       </div>
       {listToolbarMode ? (
-        <div className="hidden w-fit max-w-full shrink-0 self-start sm:block">
+        <div className="pointer-events-none absolute bottom-0 left-0 z-20 hidden max-w-full sm:block">
+          <div className="pointer-events-auto w-fit max-w-full">
             <MailFolderStackIndicator
               currentKey={mailNavVisitKey(selectedFolder, inboxTab)}
               folderTree={sidebarNav.folderTree}
@@ -4535,6 +4537,7 @@ export function EmailList({
               onNavigate={handleBreadcrumbNavigate}
             />
           </div>
+        </div>
       ) : null}
       </div>