From 4fbb434103565a1272437d2ff277576fcef86779 Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Mon, 27 Jul 2026 02:48:48 +0100
Subject: [PATCH] Refactor DocumentSizeInfo and DocumentTemplateInfo components
 for improved UI and functionality

- Adjusted the disabled state logic in DocumentSizeInfo and DocumentTemplateInfo components for better clarity during editing.
- Added labelWidth properties to DocumentTemplateInfo for enhanced layout control.
- Updated the labelWidth in DocumentTemplateInfo to improve consistency in UI presentation.
---
 .../Management/DocumentSizes/DocumentSizeInfo.jsx |  5 ++++-
 .../DocumentTemplates/DocumentTemplateInfo.jsx    |  6 ++++--
 src/database/models/DocumentJob.js                | 15 ++++++++-------
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx b/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
index ae2b340..8676f9d 100644
--- a/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
+++ b/src/components/Dashboard/Management/DocumentSizes/DocumentSizeInfo.jsx
@@ -121,7 +121,9 @@ const DocumentSizeInfo = () => {
               }}
               editLoading={objectFormState.editLoading}
               formValid={objectFormState.formValid}
-              disabled={objectFormState.beingEditedByOther || objectFormState.loading}
+              disabled={
+                objectFormState.beingEditedByOther || objectFormState.loading
+              }
               loading={objectFormState.editLoading}
             />
           </Space>
@@ -154,6 +156,7 @@ const DocumentSizeInfo = () => {
                       loading={loading}
                       indicator={<LoadingOutlined />}
                       isEditing={isEditing}
+                      labelWidth={160}
                       type='documentSize'
                       objectData={objectData}
                     />
diff --git a/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx b/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
index 2c6e401..c42d78e 100644
--- a/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
+++ b/src/components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo.jsx
@@ -126,7 +126,9 @@ const DocumentTemplateInfo = () => {
               }}
               editLoading={objectFormState.editLoading}
               formValid={objectFormState.formValid}
-              disabled={objectFormState.beingEditedByOther || objectFormState.loading}
+              disabled={
+                objectFormState.beingEditedByOther || objectFormState.loading
+              }
               loading={objectFormState.editLoading}
             />
           </Space>
@@ -167,7 +169,7 @@ const DocumentTemplateInfo = () => {
                           content: false,
                           testObject: false
                         }}
-                        labelWidth='175px'
+                        labelWidth='190px'
                       />
                     )
                   }}
diff --git a/src/database/models/DocumentJob.js b/src/database/models/DocumentJob.js
index 9606e62..e646b00 100644
--- a/src/database/models/DocumentJob.js
+++ b/src/database/models/DocumentJob.js
@@ -84,6 +84,13 @@ export const DocumentJob = {
       readOnly: true,
       columnWidth: 180
     },
+    {
+      name: 'updatedAt',
+      label: 'Updated At',
+      type: 'dateTime',
+      readOnly: true,
+      columnWidth: 175
+    },
     {
       name: 'name',
       label: 'Name',
@@ -97,13 +104,7 @@ export const DocumentJob = {
         }
       }
     },
-    {
-      name: 'updatedAt',
-      label: 'Updated At',
-      type: 'dateTime',
-      readOnly: true,
-      columnWidth: 175
-    },
+
     {
       name: 'state',
       label: 'Status',