From 9f41400bd8c723bb947b8032a584c715d8365187 Mon Sep 17 00:00:00 2001
From: 3dtours <yeunhiepanh.photo@gmail.com>
Date: Tue, 23 Jun 2026 14:58:07 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20hi=E1=BB=83n=20th=E1=BB=8B=202=20n=C3=BA?=
 =?UTF-8?q?t=20google=20sheets=20v=C3=A0=20pdf?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/pages/TourDetailPage.tsx | 33 ++++++++++++++-------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/frontend/src/pages/TourDetailPage.tsx b/frontend/src/pages/TourDetailPage.tsx
index 5e8f367..5229c1c 100644
--- a/frontend/src/pages/TourDetailPage.tsx
+++ b/frontend/src/pages/TourDetailPage.tsx
@@ -2035,8 +2035,7 @@ export const TourDetailPage = ({
           {activeTab === 'plan' && (
             <div className="animate-in fade-in slide-in-from-bottom-2">
               {/* View Mode Toggle */}
-              <div className="flex justify-between items-center mb-6">
-                <div className="flex-1" />
+              <div className="flex justify-center items-center mb-3">
                 <div className="bg-gray-100 dark:bg-slate-800 p-1 rounded-2xl flex gap-1">
                   <button 
                     onClick={() => setViewMode('timeline')}
@@ -2051,20 +2050,22 @@ export const TourDetailPage = ({
                     <MapIconLucide className="w-3.5 h-3.5" /> Bản đồ
                   </button>
                 </div>
-                <div className="flex-1 flex justify-end gap-2">
-                  <button 
-                    onClick={handleExportCSV}
-                    className="flex items-center gap-1.5 px-4 py-2 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl text-xs font-bold shadow-md transition-all active:scale-95 whitespace-nowrap"
-                  >
-                    📊 Google Sheets
-                  </button>
-                  <button 
-                    onClick={handleExportPDF}
-                    className="flex items-center gap-1.5 px-4 py-2 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl text-xs font-bold shadow-md transition-all active:scale-95 whitespace-nowrap"
-                  >
-                    📥 {t('exportPDF') || 'Xuất PDF'}
-                  </button>
-                </div>
+              </div>
+
+              {/* Export Buttons */}
+              <div className="flex justify-center gap-2 mb-6">
+                <button 
+                  onClick={handleExportCSV}
+                  className="flex items-center gap-1 px-3 py-1.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-lg text-[11px] font-bold shadow-md transition-all active:scale-95 whitespace-nowrap"
+                >
+                  📊 Google Sheets
+                </button>
+                <button 
+                  onClick={handleExportPDF}
+                  className="flex items-center gap-1 px-3 py-1.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-[11px] font-bold shadow-md transition-all active:scale-95 whitespace-nowrap"
+                >
+                  📥 {t('exportPDF') || 'Xuất PDF'}
+                </button>
               </div>
 
               {viewMode === 'timeline' ? (