From 94b46be15b0bfc93a9ed22732e3c86fc663b9232 Mon Sep 17 00:00:00 2001
From: RKWojs <rkwojs@gmail.com>
Date: Fri, 19 Sep 2025 07:40:33 +0200
Subject: [PATCH] fix: Improve layout of project status indicators for better
 alignment and visibility

---
 src/app/projects/page.js | 30 ++++++++++++++++--------------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/app/projects/page.js b/src/app/projects/page.js
index 85afc18..92e3284 100644
--- a/src/app/projects/page.js
+++ b/src/app/projects/page.js
@@ -545,20 +545,22 @@ export default function ProjectListPage() {
 											? "P+B"
 											: "-"}
 									</td>
-									<td className="px-2 py-3 text-xs text-gray-600 flex justify-center items-center">
-										{project.project_status === 'registered' ? (
-											<span className="text-red-500 font-bold text-sm" title={t('projectStatus.registered')}>N</span>
-										) : project.project_status === 'in_progress_design' ? (
-											<span className="inline-block w-3 h-3 bg-blue-500 rounded-full" title={t('projectStatus.in_progress_design')}></span>
-										) : project.project_status === 'in_progress_construction' ? (
-											<span className="inline-block w-3 h-3 bg-yellow-400 rounded-full" title={t('projectStatus.in_progress_construction')}></span>
-										) : project.project_status === 'fulfilled' ? (
-											<span className="inline-block w-3 h-3 bg-green-500 rounded-full" title={t('projectStatus.fulfilled')}></span>
-										) : project.project_status === 'cancelled' ? (
-											<span className="text-red-500 font-bold text-lg" title={t('projectStatus.cancelled')}>×</span>
-										) : (
-											<span title="Unknown status">-</span>
-										)}
+									<td className="px-2 py-3 text-xs text-gray-600">
+										<div className="flex justify-center items-center h-full">
+											{project.project_status === 'registered' ? (
+												<span className="text-red-500 font-bold text-sm" title={t('projectStatus.registered')}>N</span>
+											) : project.project_status === 'in_progress_design' ? (
+												<span className="inline-block w-3 h-3 bg-blue-500 rounded-full" title={t('projectStatus.in_progress_design')}></span>
+											) : project.project_status === 'in_progress_construction' ? (
+												<span className="inline-block w-3 h-3 bg-yellow-400 rounded-full" title={t('projectStatus.in_progress_construction')}></span>
+											) : project.project_status === 'fulfilled' ? (
+												<span className="inline-block w-3 h-3 bg-green-500 rounded-full" title={t('projectStatus.fulfilled')}></span>
+											) : project.project_status === 'cancelled' ? (
+												<span className="text-red-500 font-bold text-lg" title={t('projectStatus.cancelled')}>×</span>
+											) : (
+												<span title="Unknown status">-</span>
+											)}
+										</div>
 									</td>
 									<td className="px-2 py-3">
 										<Link href={`/projects/${project.project_id}`}>