fix: ui stuff

Author: ItsNotGoodName

web/components/rule_form.templ

@@ -107,13 +107,13 @@ templ RuleFormUpdate(props RuleFormUpdateProps) {
         </div>
       }
     </fieldset>
-    <button disabled?={ props.Rule.Internal } type="submit" class="btn btn-primary btn-block">Update Rule</button>
     if props.Rule.Internal {
       <div class="alert alert-warning">
         <svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /></svg>
         <span>Cannot be edited because it is an internal rule.</span>
       </div>
     }
+    <button disabled?={ props.Rule.Internal } type="submit" class="btn btn-primary btn-block">Update Rule</button>
     if props.Flash != nil {
       {! props.Flash }
     }

web/components/rule_form_templ.go

@@ -21,7 +21,7 @@ func tableOrderTHAscending(enable, ascending bool) string {
 }
 
 templ TableOrderTH(props TableOrderTHProps) {
-  <a class="w-full flex justify-between items-center" href={ routes.EnvelopeList().URLQuery(helpers.Query(props.Query, "order", props.Field, "ascending", tableOrderTHAscending(props.Order == props.Field, props.Ascending))) }>
+  <a class="w-full flex gap-2 items-center" href={ routes.EnvelopeList().URLQuery(helpers.Query(props.Query, "order", props.Field, "ascending", tableOrderTHAscending(props.Order == props.Field, props.Ascending))) }>
     { children... }
     if props.Order == props.Field {
       if props.Ascending {

web/components/table_order_th.templ

@@ -90,7 +90,7 @@ templ envelopeListView(m meta.Meta, props envelopeListViewProps) {
     </div>
     <div class="flex flex-col gap-4 p-4">
       <div class="flex flex-col-reverse justify-between gap-4 sm:flex-row">
-        <form class="join flex" hx-boost="false">
+        <form class="join flex" action={ routes.EnvelopeList().URLString() }>
           for k := range props.Query {
             if k != "search" {
               <input type="hidden" name={ k } value={ props.Query.Get(k) } /> 
@@ -116,7 +116,7 @@ templ envelopeListView(m meta.Meta, props envelopeListViewProps) {
       })
     </div>
     <div class="bordery overflow-x-auto">
-      <table class="table-zebra table-pin-cols table">
+      <table class="table-pin-cols table">
         <thead>
           <tr>
             <th>