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; + } +}