From 6c1fa49350f9c5dc10edf6dcf7946082cf46b62d Mon Sep 17 00:00:00 2001
From: Zynh0722 <Zynh0722@gmail.com>
Date: Wed, 15 Nov 2023 14:04:59 -0800
Subject: [PATCH] tentative table styling

---
 templates/dancers.rs.html | 44 +++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 23 deletions(-)

diff --git a/templates/dancers.rs.html b/templates/dancers.rs.html
index 3f40cea..7ae6989 100644
--- a/templates/dancers.rs.html
+++ b/templates/dancers.rs.html
@@ -12,22 +12,21 @@
 </div>
 
 <h1 class="text-4xl underline text-center pt-4 pb-6">
-    Dancers
+  Dancers
 </h1>
 
-<table class="m-auto table-auto w-4/5">
-  <thead class="text-xs text-gray-700 bg-gray-50">
-    <tr>
-      <th scope="col" class="px-6 py-3">Name</th>
-      <th scope="col" class="px-6 py-3">Stage Name</th>
-      <th></th>
-    </tr>
-  </thead>
+<form hx-post="/api/dancers" hx-target="find #dancer_list" hx-swap="afterend" hx-on::after-request="if(event.detail.successful) this.reset()">
+  <table class="m-auto table-auto w-4/5">
+    <thead class="text-xs text-gray-700 bg-gray-50">
+      <tr>
+        <th scope="col" class="px-6 py-3">Name</th>
+        <th scope="col" class="px-6 py-3">Stage Name</th>
+        <th></th>
+      </tr>
+    </thead>
 
-  <tbody id="dancer_list">
-    <tr hx-target="this" class="bg-white even:bg-neutral-50 border-b">
-      <form hx-post="/api/dancers" hx-swap="afterend"
-        hx-on::after-request=" if(event.detail.successful) this.reset()">
+    <tbody id="dancer_list">
+      <tr class="bg-white even:bg-neutral-50 border-b">
         <td>
           <div class="relative">
             <input type="text" id="name" name="name"
@@ -51,19 +50,18 @@
           </div>
         </td>
 
-        <td class="w-10 h-full">
-          <button type="submit"
-            class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm w-full h-full">+</button>
+        <td class="w-12">
+          <button type="submit" class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm w-12 h-12">+</button>
         </td>
 
-      </form>
-    </tr>
-    @for dancer in dancers.into_iter() {
+      </tr>
+      @for dancer in dancers.into_iter() {
 
-    @:dancer_html(dancer)
+      @:dancer_html(dancer)
 
-    }
-  </tbody>
-</table>
+      }
+    </tbody>
+  </table>
+</form>
 
 })