diff --git a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
index 5c24fcd9e..cdac66171 100644
--- a/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
+++ b/webapp/src/components/__snapshots__/centerPanel.test.tsx.snap
@@ -2153,7 +2153,7 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
@@ -2194,7 +2194,7 @@ exports[`components/centerPanel return centerPanel and press touch 1 with readon
diff --git a/webapp/src/components/table/__snapshots__/table.test.tsx.snap b/webapp/src/components/table/__snapshots__/table.test.tsx.snap
index bf89d4dd3..56271e3ea 100644
--- a/webapp/src/components/table/__snapshots__/table.test.tsx.snap
+++ b/webapp/src/components/table/__snapshots__/table.test.tsx.snap
@@ -1876,7 +1876,7 @@ exports[`components/table/Table limited card in table view 1`] = `
class="table-row-container"
>
@@ -1955,7 +1955,7 @@ exports[`components/table/Table limited card in table view 1`] = `
@@ -2710,7 +2710,7 @@ exports[`components/table/Table should match snapshot without permissions 1`] =
class="table-row-container"
>
@@ -2945,7 +2945,7 @@ exports[`components/table/Table should match snapshot, read-only 1`] = `
class="table-row-container"
>
diff --git a/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap b/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap
index d3244b2ec..256081afd 100644
--- a/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap
+++ b/webapp/src/components/table/__snapshots__/tableRow.test.tsx.snap
@@ -333,7 +333,7 @@ exports[`components/table/TableRow should match snapshot, isSelected 1`] = `
exports[`components/table/TableRow should match snapshot, read-only 1`] = `
diff --git a/webapp/src/components/table/tableRow.scss b/webapp/src/components/table/tableRow.scss
index 5925f4644..56170c2dd 100644
--- a/webapp/src/components/table/tableRow.scss
+++ b/webapp/src/components/table/tableRow.scss
@@ -53,6 +53,10 @@
}
}
+ &.readonly:hover {
+ margin-left: unset;
+ }
+
.action-cell {
display: none;
margin-left: 20px;
diff --git a/webapp/src/components/table/tableRow.tsx b/webapp/src/components/table/tableRow.tsx
index a36595ce7..d96647cac 100644
--- a/webapp/src/components/table/tableRow.tsx
+++ b/webapp/src/components/table/tableRow.tsx
@@ -100,6 +100,9 @@ const TableRow = (props: Props) => {
className += ' hidden'
}
}
+ if (props.readonly) {
+ className += ' readonly'
+ }
const handleDeleteCard = useCallback(async () => {
if (!card) {