fix: Search button would stay on top of sidepanel when it was open.

Sources/App/Views/PurchaseOrders/PurchaseOrderForm.swift

@@ -1,9 +1,12 @@
+import Dependencies
 import Elementary
 import ElementaryHTMX
 import SharedModels
 
 struct PurchaseOrderForm: HTML {
 
+  @Dependency(\.dateFormatter) var dateFormatter
+
   let purchaseOrder: PurchaseOrder?
   let shouldShow: Bool
 
@@ -98,6 +101,17 @@ struct PurchaseOrderForm: HTML {
               )
             }
           }
+          if let purchaseOrder, let createdAt = purchaseOrder.createdAt {
+            div(.class("row")) {
+              label(.class("label col-2")) { "Created:" }
+              h3(.class("col-2")) { dateFormatter.string(from: createdAt) }
+              if let updatedAt = purchaseOrder.updatedAt {
+                div(.class("col-1")) {}
+                label(.class("label col-2")) { "Updated:" }
+                h3(.class("col-2")) { dateFormatter.string(from: updatedAt) }
+              }
+            }
+          }
           div(.class("btn-row")) {
             button(.class("btn-primary"), .type(.submit)) { buttonLabel }
             if purchaseOrder != nil {

Sources/App/Views/PurchaseOrders/PurchaseOrderTable.swift

@@ -59,8 +59,9 @@ struct PurchaseOrderTable: HTML {
       div(.class("btn-row")) {
         if context != .search {
           button(
+            .id("btn-search"),
             .class("btn-primary"), .style("position: absolute; top: 80px; right: 20px;"),
-            .hx.get(route: .purchaseOrders(.search(.context(.employee)))),
+            .hx.get(route: .purchaseOrders(.search(.context(.employee, table: true)))),
             .hx.target(.body),
             .hx.swap(.outerHTML.transition(true).swap("0.5s")),
             .hx.pushURL(true)