diff --git a/public/css/styles.css b/public/css/styles.css index ba8a0118238bb7261b709fc037c40d0eb468640a..6a096be6281c29eee6e4dba68906dc28da596186 100644 --- a/public/css/styles.css +++ b/public/css/styles.css @@ -22,9 +22,11 @@ header { nav { display: flex; - justify-content: center; + justify-content: flex-start; /* ใช้ flex-start สำหรับการเริ่มจากซ้าย */ + align-items: center; gap: 15px; margin-top: 10px; + width: 100%; /* ให้ nav ขยายเต็มพื้นที่ */ } nav a { @@ -42,7 +44,7 @@ nav a:hover { } .btn-login { - margin-left: right; /* ปุ่ม Login จะไปอยู่ที่ขวาสุด */ + margin-left: auto; /* ใช้ margin-left: auto เพื่อย้าย Login ไปที่ขวาสุด */ background-color: #4CAF50; color: white; padding: 10px 20px; @@ -61,13 +63,6 @@ form { margin-top: 10px; } -input[type="text"] { - padding: 8px; - border: none; - border-radius: 5px 0 0 5px; - width: 200px; -} - button { padding: 8px 12px; border: none;