diff --git a/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.component.tsx b/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.component.tsx
index effd854f2..168eef2dc 100644
--- a/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.component.tsx
+++ b/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.component.tsx
@@ -6,15 +6,17 @@ import { type Queue } from '../types';
import { useQueues } from '../hooks/useQueues';
import classNames from 'classnames';
import { BrowserRouter, useLocation } from 'react-router-dom';
+import styles from './queue-table-by-status-menu.scss';
function QueueTableLink({ basePath, queue }: { basePath: string; queue: Queue }) {
- const { t } = useTranslation();
const location = useLocation();
const pageUrl = basePath + '/' + queue.uuid;
const selected = location.pathname.startsWith(pageUrl);
return (
{queue.display}
@@ -26,14 +28,15 @@ export default function QueueTableByStatusMenu() {
const { queues } = useQueues();
const basePath = `${window.spaBase}/home/service-queues/queue-table-by-status`; // TODO: Configure elsewhere?
return (
-
- {queues.map((queue) => (
-
-
-
-
-
- ))}
+
+
+ {queues.map((queue) => (
+
+ ))}
+
);
}
diff --git a/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.scss b/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.scss
new file mode 100644
index 000000000..91aa2fd88
--- /dev/null
+++ b/packages/esm-service-queues-app/src/queue-table/queue-table-by-status-menu.scss
@@ -0,0 +1,6 @@
+.queueTableByStatusNavMenu {
+ :global(.active-left-nav-link) {
+ // override padding for sub-menu items
+ padding-left: 1.75rem !important;
+ }
+}