From ab98bd0a87f92af5ba70b88a360fd1132e0668bb Mon Sep 17 00:00:00 2001
From: plebeius <tom@plebbit.com>
Date: Tue, 13 Jan 2026 15:16:30 +0100
Subject: [PATCH] fix(mod-queue): close CSS breakpoint gap and remove duplicate
 time-ago rendering

---
 src/views/mod-queue/mod-queue.module.css | 2 +-
 src/views/mod-queue/mod-queue.tsx        | 8 +-------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/views/mod-queue/mod-queue.module.css b/src/views/mod-queue/mod-queue.module.css
index 26fe7de5..fef3d539 100644
--- a/src/views/mod-queue/mod-queue.module.css
+++ b/src/views/mod-queue/mod-queue.module.css
@@ -313,7 +313,7 @@ span.reject:hover {
 }
 
 /* Mobile Layout - keeps table structure like desktop, just narrower columns */
-@media (max-width: 600px) {
+@media (max-width: 639px) {
   .container {
     padding: 5px;
   }
diff --git a/src/views/mod-queue/mod-queue.tsx b/src/views/mod-queue/mod-queue.tsx
index 20ca051e..7e2307e9 100644
--- a/src/views/mod-queue/mod-queue.tsx
+++ b/src/views/mod-queue/mod-queue.tsx
@@ -236,13 +236,7 @@ const ModQueueRow = ({ comment, isOdd = false }: ModQueueRowProps) => {
         {isMobile ? (
           // On mobile, show shorter time ago format without tooltip
           isAwaitingApproval && isOverThreshold ? (
-            <>
-              <span>{getFormattedTimeAgo(timestamp)}</span>
-              <span className={styles.alertWrapper}>
-                {' '}
-                (<span className={styles.alert}>{getFormattedTimeAgo(timestamp)}</span>)
-              </span>
-            </>
+            <span className={styles.alert}>{getFormattedTimeAgo(timestamp)}</span>
           ) : (
             <span>{getFormattedTimeAgo(timestamp)}</span>
           )