From 2fcab27cd4b3b62b97cb79d7b932126e99e51507 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Mon, 14 Sep 2026 22:08:40 +0100
Subject: [PATCH] Enhance PrinterQueue Component with CSS Styling for Vertical
 Steps

- Added a new CSS class for the PrinterQueue component to adjust the minimum height of the last step item in vertical step layouts.
- Updated the PrinterQueue component to include the new class, improving visual consistency and layout management in the dashboard.
---
 assets/stylesheets/App.css                       | 6 ++++++
 src/components/Dashboard/common/PrinterQueue.jsx | 1 +
 2 files changed, 7 insertions(+)

diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css
index d0e7d61d..a46c1306 100644
--- a/assets/stylesheets/App.css
+++ b/assets/stylesheets/App.css
@@ -3350,3 +3350,9 @@ body.objectKanbanColumnResizing * {
   stroke: currentColor;
   stroke-width: 12px;
 }
+
+.printerQueue.ant-steps.ant-steps-vertical
+  > .ant-steps-item:last-child
+  .ant-steps-item-content {
+  min-height: 0;
+}
diff --git a/src/components/Dashboard/common/PrinterQueue.jsx b/src/components/Dashboard/common/PrinterQueue.jsx
index 95727fd9..3d34fff2 100644
--- a/src/components/Dashboard/common/PrinterQueue.jsx
+++ b/src/components/Dashboard/common/PrinterQueue.jsx
@@ -49,6 +49,7 @@ const PrinterQueue = ({ queue, currentSubJob }) => {
     <Steps
       current={currentIndex}
       direction='vertical'
+      className='printerQueue'
       size='small'
       items={items.map((item) => ({
         title: <ObjectDisplay object={item} objectType='subJob' showHyperlink />