From 2cc66b1658c13cc5262e2146113d321fde923021 Mon Sep 17 00:00:00 2001
From: Lin <lin@LindeMacBook-Air-2.local>
Date: Mon, 1 Dec 2025 09:35:02 -0600
Subject: [PATCH] Improve User Profile page UI layout and styling

- Center profile content with max-width constraint
- Center-align Save and Cancel buttons
- Increase button padding and font size for better visibility
- Enhance form input styling with larger text
- Add smooth transitions to form inputs
---
 frontend/vite-project/src/Profile.css | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/frontend/vite-project/src/Profile.css b/frontend/vite-project/src/Profile.css
index 54b3b10..150fcc2 100644
--- a/frontend/vite-project/src/Profile.css
+++ b/frontend/vite-project/src/Profile.css
@@ -60,6 +60,8 @@
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   padding: 40px;
+  max-width: 600px;
+  margin: 0 auto;
 }
 
 .message {
@@ -143,10 +145,11 @@
 }
 
 .form-input {
-  padding: 10px;
-  border: 1px solid #ccc;
+  padding: 12px;
+  border: 1px solid #ddd;
   border-radius: 6px;
-  font-size: 14px;
+  font-size: 16px;
+  transition: border-color 0.2s;
 }
 
 .form-input:focus {
@@ -159,16 +162,18 @@
   display: flex;
   gap: 10px;
   margin-top: 20px;
+  justify-content: center;
 }
 
 .save-btn {
-  padding: 10px 20px;
+  padding: 12px 30px;
   background-color: #28a745;
   color: white;
   border: none;
   border-radius: 6px;
   cursor: pointer;
-  font-size: 14px;
+  font-size: 16px;
+  font-weight: 500;
   transition: background-color 0.2s;
 }
 
@@ -177,13 +182,14 @@
 }
 
 .cancel-btn {
-  padding: 10px 20px;
+  padding: 12px 30px;
   background-color: #6c757d;
   color: white;
   border: none;
   border-radius: 6px;
   cursor: pointer;
-  font-size: 14px;
+  font-size: 16px;
+  font-weight: 500;
   transition: background-color 0.2s;
 }