diff --git a/src/components/post-mobile/post-mobile.tsx b/src/components/post-mobile/post-mobile.tsx index fd39dd3d..77db7031 100644 --- a/src/components/post-mobile/post-mobile.tsx +++ b/src/components/post-mobile/post-mobile.tsx @@ -593,8 +593,8 @@ const PostMobile = ({ const modQueueThreadRouteState = getQueuedCommentRouteState(resolvedPost); const modQueueErrorMessage = formatErrorForDisplay(modQueueError); const modQueueRemoveButton = onRemoveFromModQueue ? ( - ) : null; const linksCount = useCountLinksInReplies(resolvedPost); diff --git a/src/views/mod-queue/mod-queue.module.css b/src/views/mod-queue/mod-queue.module.css index d262ebb7..322ade35 100644 --- a/src/views/mod-queue/mod-queue.module.css +++ b/src/views/mod-queue/mod-queue.module.css @@ -351,9 +351,29 @@ color: #fff; } +.cardRemoveButtonWrapper { + display: inline-flex; + align-items: baseline; +} + .cardRemoveButton { - background-color: #777; - color: #fff; + all: unset; + cursor: pointer; + text-transform: capitalize; + color: var(--button-desktop-text-color); + text-decoration: var(--button-text-decoration); + display: inline; + font-family: inherit; +} + +.cardRemoveButton:hover { + color: var(--button-desktop-text-color-hover); + cursor: pointer; +} + +.cardRemoveButton:disabled { + opacity: 0.5; + cursor: not-allowed; } /* Desktop: buttons styled as text links (same as board buttons) */ diff --git a/src/views/mod-queue/mod-queue.tsx b/src/views/mod-queue/mod-queue.tsx index c673e9cd..f71b5e18 100644 --- a/src/views/mod-queue/mod-queue.tsx +++ b/src/views/mod-queue/mod-queue.tsx @@ -175,9 +175,13 @@ const ModQueueActions = ({ status, error, errorMessage, isPublishing, handleAppr ] ) : ( - + + [ + + ] + ) ) : null;