From d70d8030380d98b3f2b5f6cea311dc8d4c759140 Mon Sep 17 00:00:00 2001
From: Namit2003 <namit.k.patel@gmail.com>
Date: Sun, 21 Dec 2025 13:51:17 -0500
Subject: [PATCH] refactor: update history page layout for results heading and
 delete button, including new button styling and icon

---
 src/pages/history.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/pages/history.tsx b/src/pages/history.tsx
index 4dc404a..2ec2bb0 100644
--- a/src/pages/history.tsx
+++ b/src/pages/history.tsx
@@ -47,17 +47,16 @@ export const history = new Elysia().use(userService).get(
             `}
           >
             <article class="article">
-              <h1 class="mb-4 text-xl">Results</h1>
-              <div id="delete-selected-container" class="mb-4 hidden">
-                <button
-                  id="delete-selected-btn"
-                  class={`
-                    rounded bg-red-600 px-4 py-2 text-white transition-colors
-                    hover:bg-red-700
-                  `}
-                >
-                  Delete Selected (<span id="selected-count">0</span>)
-                </button>
+              <div class="mb-4 flex items-center justify-between">
+                <h1 class="text-xl">Results</h1>
+                <div id="delete-selected-container" class="hidden">
+                  <button
+                    id="delete-selected-btn"
+                    class="flex btn-secondary flex-row gap-2 text-contrast"
+                  >
+                    <DeleteIcon /> <p>Delete Selected (<span id="selected-count">0</span>)</p>
+                  </button>
+                </div>
               </div>
               <table
                 class={`