fix(applications): keep row actions within viewport

job-tracker-ui/src/components/JobTable.tsx

@@ -352,18 +352,17 @@ export default function JobTable({ refreshToken, pageSize, onPageSizeChange, col
     const expanded = menuJob?.id === job.id;
     const label = `${t("jobTableActions")}: ${job.jobTitle}`;
     return (
-      <Tooltip title={t("jobTableActions")}>
-        <IconButton
-          aria-label={label}
-          aria-haspopup="menu"
-          aria-expanded={expanded}
-          aria-controls={expanded ? rowMenuId : undefined}
-          onClick={event => setRowMenu({ id: job.id, anchor: event.currentTarget, mobile: isMobile, mode })}
-          sx={{ flexShrink: 0, width: isMobile ? 44 : 32, height: isMobile ? 44 : 32, "@media (pointer: coarse)": { width: 44, height: 44 } }}
-        >
-          <MoreHorizIcon fontSize="small" />
-        </IconButton>
-      </Tooltip>
+      <IconButton
+        title={t("jobTableActions")}
+        aria-label={label}
+        aria-haspopup="menu"
+        aria-expanded={expanded}
+        aria-controls={expanded ? rowMenuId : undefined}
+        onClick={event => setRowMenu({ id: job.id, anchor: event.currentTarget, mobile: isMobile, mode })}
+        sx={{ flexShrink: 0, width: isMobile ? 44 : 32, height: isMobile ? 44 : 32, "@media (pointer: coarse)": { width: 44, height: 44 } }}
+      >
+        <MoreHorizIcon fontSize="small" />
+      </IconButton>
     );
   };
 

job-tracker-ui/src/job-table-density.test.tsx

@@ -205,7 +205,7 @@ test("density survives an empty result and a failed refresh with the existing re
   fireEvent.click(screen.getByRole("button", { name: /retry/i }));
   await waitFor(() => expect(screen.queryByRole("alert")).not.toBeInTheDocument());
   expect(screen.getByRole("combobox", { name: t.listDensity })).toHaveTextContent(t.densityCompact);
-  expect(screen.queryByText(job.jobTitle)).not.toBeInTheDocument();
+  await waitFor(() => expect(screen.queryByText(job.jobTitle)).not.toBeInTheDocument());
 });
 
 test("Bokmål display localizes standard statuses without changing API values or custom status filters", async () => {