From 3f9dc329bc0c09d84ebd9e4a388d05d5b219470d Mon Sep 17 00:00:00 2001
From: pqhuy1987 <pqhuy1987@gmail.com>
Date: Thu, 25 Jun 2026 11:21:42 +0700
Subject: [PATCH] =?UTF-8?q?[CLAUDE]=20FE-User=20=C2=B7=20FE-Admin:=20PE=20?=
 =?UTF-8?q?Block=20B=20budget=20=E2=80=94=20align=20Section=20A/B=20column?=
 =?UTF-8?q?s=20(table-fixed)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Anh Kiet: 2 bang "TONG HOP NGAN SACH TRINH KY" (A. NGAN SACH / B. THUC HIEN) lech cot
Du an/PRO/CCM giua 2 section. Root: A dung w-40 cho PRO/CCM, B dung w-44, ca 2 auto-layout
-> cot khong thang hang. Fix: ca 2 table -> table-fixed + cung widths (Du an w-20 · PRO
w-44 · CCM w-44) -> cot A va B thang hang 1 luoi.

FE-only, 2-app SHA-identical (93a4e8a1), both builds PASS. No BE/test/migration change.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 fe-admin/src/components/pe/PeDetailTabs.tsx | 8 ++++----
 fe-user/src/components/pe/PeDetailTabs.tsx  | 8 ++++----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/fe-admin/src/components/pe/PeDetailTabs.tsx b/fe-admin/src/components/pe/PeDetailTabs.tsx
index 5865d1f..9029080 100644
--- a/fe-admin/src/components/pe/PeDetailTabs.tsx
+++ b/fe-admin/src/components/pe/PeDetailTabs.tsx
@@ -1408,13 +1408,13 @@ function PeBudgetSummaryTable({ ev, readOnly }: { ev: PeDetailBundle; readOnly:
       <BudgetBlockHeader>A. Ngân sách (gói thầu / gói vật tư)</BudgetBlockHeader>
 
       <div className="overflow-x-auto">
-        <table className="w-full border-collapse text-[13px]">
+        <table className="w-full table-fixed border-collapse text-[13px]">
           <thead>
             <tr className="bg-slate-100 text-[11px] font-semibold uppercase tracking-wide text-slate-600">
               <th className="border border-slate-300 px-3 py-1.5 text-left">Khoản mục</th>
               <th className="w-20 border border-slate-300 px-2 py-1.5 text-center">Dự án</th>
-              <th className="w-40 border border-slate-300 px-2 py-1.5 text-center">PRO</th>
-              <th className="w-40 border border-slate-300 px-2 py-1.5 text-center">CCM</th>
+              <th className="w-44 border border-slate-300 px-2 py-1.5 text-center">PRO</th>
+              <th className="w-44 border border-slate-300 px-2 py-1.5 text-center">CCM</th>
             </tr>
           </thead>
           <tbody>
@@ -1513,7 +1513,7 @@ function PeBudgetSummaryTable({ ev, readOnly }: { ev: PeDetailBundle; readOnly:
       <BudgetBlockHeader>B. Thực hiện</BudgetBlockHeader>
 
       <div className="overflow-x-auto">
-        <table className="w-full border-collapse text-[13px]">
+        <table className="w-full table-fixed border-collapse text-[13px]">
           <thead>
             <tr className="bg-slate-100 text-[11px] font-semibold uppercase tracking-wide text-slate-600">
               <th className="border border-slate-300 px-3 py-1.5 text-left">Khoản mục</th>
diff --git a/fe-user/src/components/pe/PeDetailTabs.tsx b/fe-user/src/components/pe/PeDetailTabs.tsx
index 5865d1f..9029080 100644
--- a/fe-user/src/components/pe/PeDetailTabs.tsx
+++ b/fe-user/src/components/pe/PeDetailTabs.tsx
@@ -1408,13 +1408,13 @@ function PeBudgetSummaryTable({ ev, readOnly }: { ev: PeDetailBundle; readOnly:
       <BudgetBlockHeader>A. Ngân sách (gói thầu / gói vật tư)</BudgetBlockHeader>
 
       <div className="overflow-x-auto">
-        <table className="w-full border-collapse text-[13px]">
+        <table className="w-full table-fixed border-collapse text-[13px]">
           <thead>
             <tr className="bg-slate-100 text-[11px] font-semibold uppercase tracking-wide text-slate-600">
               <th className="border border-slate-300 px-3 py-1.5 text-left">Khoản mục</th>
               <th className="w-20 border border-slate-300 px-2 py-1.5 text-center">Dự án</th>
-              <th className="w-40 border border-slate-300 px-2 py-1.5 text-center">PRO</th>
-              <th className="w-40 border border-slate-300 px-2 py-1.5 text-center">CCM</th>
+              <th className="w-44 border border-slate-300 px-2 py-1.5 text-center">PRO</th>
+              <th className="w-44 border border-slate-300 px-2 py-1.5 text-center">CCM</th>
             </tr>
           </thead>
           <tbody>
@@ -1513,7 +1513,7 @@ function PeBudgetSummaryTable({ ev, readOnly }: { ev: PeDetailBundle; readOnly:
       <BudgetBlockHeader>B. Thực hiện</BudgetBlockHeader>
 
       <div className="overflow-x-auto">
-        <table className="w-full border-collapse text-[13px]">
+        <table className="w-full table-fixed border-collapse text-[13px]">
           <thead>
             <tr className="bg-slate-100 text-[11px] font-semibold uppercase tracking-wide text-slate-600">
               <th className="border border-slate-300 px-3 py-1.5 text-left">Khoản mục</th>