updated some more styling

static/css/styles.css

@@ -108,6 +108,8 @@ html {
 .content {
   background-color: #f9fafb;
   padding: 1.5rem;
+  border: 1px solid #e2e8f0;
+  /* Subtle border for definition */
   border-radius: 0.5rem;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   flex-grow: 1;
@@ -655,7 +657,8 @@ html {
   .content {
     background-color: #2e2e42;
     /* Dark content background */
-    border: none;
+    border: 1px solid #303046;
+    /* Subtle border for definition */
     padding: 1.5rem;
     border-radius: 0.5rem;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);

templates/partials/invoice_search.html

@@ -1,6 +1,7 @@
 {{define "invoice_search"}}
-<h2>Invoices</h2>
+<h2>Update Invoice Status</h2>
 <div class="content">
+  <h3 class="submenu-header">Search Invoice</h3>
   <div id="search-container">
     <input type="text" name="search" placeholder="Enter invoice number or id" hx-get="/invoices"
       hx-trigger="keyup changed delay:500ms" hx-target="#invoice-search-results" hx-indicator="#loading-indicator" />