From 2e63e617812db27a1bd1355bd0da5a3d7540e612 Mon Sep 17 00:00:00 2001
From: 65160258 <65160258@go.buu.ac.th>
Date: Mon, 24 Mar 2025 18:44:37 +0700
Subject: [PATCH] css conf

---
 views/pages/index.ejs | 39 +++++++++++++++++----------------------
 1 file changed, 17 insertions(+), 22 deletions(-)

diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index 1f35c49..2274d8d 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -2,31 +2,26 @@
 <link rel="stylesheet" href="/css/main.css">
 <link rel="stylesheet" href="/css/pages/index.css">
 <div class="main-content">
-  <div class="d-flex justify-content-between align-items-center mb-5">
+  <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 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">
-        <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()">
-            <option value="">All Categories</option>
-            <% categories.forEach(category => { %>
-              <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>>
-                <%= category.name %>
-              </option>
-            <% }) %>
-          </select>
-        </form>
-      </div>
     
-      <div class="badge bg-primary rounded-pill px-3 py-2">
-        <%= posts.length %> posts
-      </div>
+    <div class="d-flex align-items-center gap-3">
+      <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()">
+          <option value="">All Categories</option>
+          <% categories.forEach(category => { %>
+            <option value="<%= category.id %>" <%= selectedCategory == category.id ? 'selected' : '' %>>
+              <%= category.name %>
+            </option>
+          <% }) %>
+        </select>
+      </form>
+    </div>
+  
+    <div class="badge bg-primary rounded-pill px-3 py-2">
+      <%= posts.length %> posts
     </div>
-    
-    <div class="badge bg-primary rounded-pill"><%= posts.length %> posts</div>
   </div>
   
   <% if (typeof posts !== 'undefined' && posts.length > 0) { %>
-- 
GitLab