css2

views/pages/index.ejs

@@ -5,12 +5,12 @@
   <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap">
     <h1 class="h2 fw-bold text-primary">All Posts</h1>
   
-    <div class="d-flex align-items-center gap-3">
+    <div class="d-flex align-items-center gap-2">
       <!-- ส่วนของ Filter -->
-      <div class="d-flex align-items-center gap-3">
+      <div class="d-flex align-items-center gap-2">
         <label for="category" class="form-label mb-0 fw-semibold text-muted">Filter by Category:</label>
-        <form action="/index" method="GET" class="d-flex align-items-center gap-2">
-          <select name="category" id="category" class="form-select form-select-sm w-auto" onchange="this.form.submit()">
+        <form action="/index" method="GET" class="mb-0">
+          <select name="category" id="category" class="form-select form-select-sm" onchange="this.form.submit()">
             <option value="">All Categories</option>
             <% categories.forEach(category => { %>
               <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>>
@@ -22,7 +22,7 @@
       </div>
   
       <!-- ส่วนของ Badge -->
-      <div class="badge bg-primary rounded-pill px-3 py-2">
+      <div class="badge bg-primary rounded-pill px-3 py-2 ms-2">
         <%= posts.length %> posts
       </div>
     </div>