fix mobile task action menu positioning

packages/dashboard/app/components/__tests__/core-modals-mobile.test.tsx

@@ -119,5 +119,15 @@ describe("core modals mobile css coverage", () => {
 
     expect(menuBlock).toContain("max-height");
     expect(menuBlock).toContain("overflow-y: auto");
+    expect(menuBlock).toContain("max-width: calc(100vw - 28px)");
+  });
+
+  it("TaskDetailModal: footer dropdown menus anchor toward available horizontal space", () => {
+    const css = fs.readFileSync(stylesPath, "utf-8");
+
+    const actionsMenuAnchorMatch = css.match(/^\.detail-actions-menu\s*\{\s*left: 0;\s*\}/m);
+    const moveMenuAnchorMatch = css.match(/^\.detail-move-menu\s*\{\s*right: 0;\s*\}/m);
+    expect(actionsMenuAnchorMatch).not.toBeNull();
+    expect(moveMenuAnchorMatch).not.toBeNull();
   });
 });

packages/dashboard/app/styles.css

@@ -4095,7 +4095,6 @@ body {
 .detail-move-menu {
   position: absolute;
   bottom: calc(100% + 4px);
-  right: 0;
   z-index: 50;
   min-width: 140px;
   background: var(--surface);
@@ -4105,6 +4104,14 @@ body {
   overflow: hidden;
 }
 
+.detail-actions-menu {
+  left: 0;
+}
+
+.detail-move-menu {
+  right: 0;
+}
+
 .detail-actions-menu-item,
 .detail-move-menu-item {
   display: block;
@@ -6596,6 +6603,7 @@ body {
   .detail-actions-menu,
   .detail-move-menu {
     bottom: calc(100% + 4px);
+    max-width: calc(100vw - 28px);
     max-height: calc(100dvh - 120px);
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;