style rewrite

server/templates/orders.gohtml

@@ -3,6 +3,12 @@ Zamówienia
 {{end}}
 {{define "main"}}
 <main>
+    <div class="toolbar">
+        <a href="/order" class="btn-primary">
+            <i class="fa-solid fa-plus"></i>
+            Nowe zamówienie
+        </a>
+    </div>
     <form class="search-container" hx-get="/orders/search" hx-target="#results-table"
         hx-trigger="keyup delay:500ms, change">
         <label>Data początkowa
@@ -16,15 +22,6 @@ Zamówienia
         {{template "orders-table" .Orders}}
     </div>
 </main>
-<style>
-    .hidden {
-        display: none;
-    }
-
-    .active {
-        background-color: #e6f2ff;
-    }
-</style>
 {{end}}
 {{define "orders-table"}}
 <table id="orders_table">
@@ -46,9 +43,9 @@ Zamówienia
             <th>{{.Location}}</th>
             <th>{{.Date.Format "2006-01-02"}}</th>
             <th>{{.Total}} PLN</th>
-            <th>{{.Status}}</th>
+            <th><span class="status-badge status-{{.Status}}">{{.Status}}</span></th>
         </tr>
-        <tr class="hidden">
+        <tr class="hidden details-row">
             <td colspan="6" class="details-content">
             {{template "order_info" .}}
             </td>