Merge branch 'codex/fix/mod-queue-mobile-remove-button'

src/components/post-mobile/post-mobile.tsx

@@ -593,8 +593,8 @@ const PostMobile = ({
   const modQueueThreadRouteState = getQueuedCommentRouteState(resolvedPost);
   const modQueueErrorMessage = formatErrorForDisplay(modQueueError);
   const modQueueRemoveButton = onRemoveFromModQueue ? (
-    <button className={`button ${styles.rejectButton}`} onClick={onRemoveFromModQueue} disabled={isPublishing}>
+    <button className='button' onClick={onRemoveFromModQueue} disabled={isPublishing}>
-      {t('remove')}
+      {capitalize(t('remove'))}
     </button>
   ) : null;
   const linksCount = useCountLinksInReplies(resolvedPost);

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;
+  all: unset;
-  color: #fff;
+  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) */

src/views/mod-queue/mod-queue.tsx

@@ -175,9 +175,13 @@ const ModQueueActions = ({ status, error, errorMessage, isPublishing, handleAppr
         ]
       </span>
     ) : (
-      <button className={`button ${styles.cardRemoveButton}`} onClick={handleRemove} disabled={isPublishing}>
+      <span className={styles.cardRemoveButtonWrapper}>
-        {t('remove')}
+        [
-      </button>
+        <button className={styles.cardRemoveButton} onClick={handleRemove} disabled={isPublishing}>
+          {t('remove')}
+        </button>
+        ]
+      </span>
     )
   ) : null;