From 7afe364a245bb6eaa43c7f2f7f1083392296026c Mon Sep 17 00:00:00 2001
From: Arunavo Ray <rayanup3@gmail.com>
Date: Sat, 24 May 2025 19:23:40 +0530
Subject: [PATCH] refactor: improve layout of Last Run and Next Run fields in
 Database and Schedule config forms

---
 .../config/DatabaseCleanupConfigForm.tsx      | 26 +++++++++++--------
 src/components/config/ScheduleConfigForm.tsx  | 26 +++++++++++--------
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/src/components/config/DatabaseCleanupConfigForm.tsx b/src/components/config/DatabaseCleanupConfigForm.tsx
index 1a87806..a4c7d78 100644
--- a/src/components/config/DatabaseCleanupConfigForm.tsx
+++ b/src/components/config/DatabaseCleanupConfigForm.tsx
@@ -126,19 +126,23 @@ export function DatabaseCleanupConfigForm({
             </div>
           )}
 
-          <div>
-            <label className="block text-sm font-medium mb-1">Last Run</label>
-            <div className="text-sm">
-              {config.lastRun ? formatDate(config.lastRun) : "Never"}
+          <div className="flex gap-x-4">
+            <div className="flex-1">
+              <label className="block text-sm font-medium mb-1">Last Run</label>
+              <div className="text-sm">
+                {config.lastRun ? formatDate(config.lastRun) : "Never"}
+              </div>
             </div>
-          </div>
 
-          {config.nextRun && config.enabled && (
-            <div>
-              <label className="block text-sm font-medium mb-1">Next Run</label>
-              <div className="text-sm">{formatDate(config.nextRun)}</div>
-            </div>
-          )}
+            {config.enabled && (
+              <div className="flex-1">
+                <label className="block text-sm font-medium mb-1">Next Run</label>
+                <div className="text-sm">
+                  {config.nextRun ? formatDate(config.nextRun) : "Never"}
+                </div>
+              </div>
+            )}
+          </div>
         </div>
       </CardContent>
     </Card>
diff --git a/src/components/config/ScheduleConfigForm.tsx b/src/components/config/ScheduleConfigForm.tsx
index 3316866..1f2dd5a 100644
--- a/src/components/config/ScheduleConfigForm.tsx
+++ b/src/components/config/ScheduleConfigForm.tsx
@@ -130,19 +130,23 @@ export function ScheduleConfigForm({
             </div>
           )}
 
-          <div>
-            <label className="block text-sm font-medium mb-1">Last Run</label>
-            <div className="text-sm">
-              {config.lastRun ? formatDate(config.lastRun) : "Never"}
+          <div className="flex gap-x-4">
+            <div className="flex-1">
+              <label className="block text-sm font-medium mb-1">Last Run</label>
+              <div className="text-sm">
+                {config.lastRun ? formatDate(config.lastRun) : "Never"}
+              </div>
             </div>
-          </div>
 
-          {config.nextRun && config.enabled && (
-            <div>
-              <label className="block text-sm font-medium mb-1">Next Run</label>
-              <div className="text-sm">{formatDate(config.nextRun)}</div>
-            </div>
-          )}
+            {config.enabled && (
+              <div className="flex-1">
+                <label className="block text-sm font-medium mb-1">Next Run</label>
+                <div className="text-sm">
+                  {config.nextRun ? formatDate(config.nextRun) : "Never"}
+                </div>
+              </div>
+            )}
+          </div>
         </div>
       </CardContent>
     </Card>