Project Round 6

public/css/styles.css

@@ -22,11 +22,9 @@ header {
 
 nav {
   display: flex;
-  justify-content: flex-start; /* ใช้ flex-start สำหรับการเริ่มจากซ้าย */
-  align-items: center;
+  justify-content: center;
   gap: 15px;
   margin-top: 10px;
-  width: 100%; /* ให้ nav ขยายเต็มพื้นที่ */
 }
 
 nav a {
@@ -43,19 +41,6 @@ nav a:hover {
   background: rgba(255, 255, 255, 0.5);
 }
 
-.btn-login {
-  margin-left: auto; /* ใช้ margin-left: auto เพื่อย้าย Login ไปที่ขวาสุด */
-  background-color: #4CAF50;
-  color: white;
-  padding: 10px 20px;
-  border-radius: 5px;
-  text-decoration: none;
-  font-weight: bold;
-}
-
-.btn-login:hover {
-  background-color: #45a049;
-}
 
 /* SEARCH BAR */
 form {

views/index.ejs

@@ -19,7 +19,7 @@
         <a href="/profile"><%= session.userName %></a>  <!-- แสดงชื่อผู้ใช้ -->
         <a href="/logout">Logout</a>
       <% } else { %>
-        <a href="/login" class="btn-login">Login</a> <!-- ถ้ายังไม่ได้ login -->
+        <a href="/login">Login</a> <!-- ถ้ายังไม่ได้ login -->
       <% } %>
       <form action="/search" method="GET">
         <input type="text" name="query" placeholder="Search for tours..." required>