payments

static/styles/forms.css

@@ -246,3 +246,36 @@ button[type="submit"]:hover {
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
     overflow: hidden; /* Ensure content doesn't overflow */
 }
+
+
+.filter-form {
+    background-color: #f8f9fa;
+    padding: 1rem;
+    border-radius: 0.25rem;
+    margin-bottom: 1rem;
+}
+.filter-form form {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    max-width: none;
+    width: 100%;
+}
+.filter-form .form-group {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0;
+}
+.filter-form .form-control {
+    width: auto;
+    min-width: 200px;
+}
+.me-2 {
+    margin-right: 0.5rem;
+}
+
+.filter-form span {
+    display: flex;
+    align-items: center;
+    width: 100%;
+}

static/styles/sidebar.css

@@ -104,4 +104,12 @@
 
 .logout:hover {
     border: 1px solid #a57d52;
+}
+
+a.nav-item,
+a.nav-item:visited,
+a.nav-item:hover,
+a.nav-item:active {
+    color: inherit; /* or specify your desired color */
+    text-decoration: none;
 }

static/styles/tables.css

@@ -97,6 +97,21 @@ tbody tr {
     border-bottom: 1px solid #eee;
 }
 
+.dashboard-table,
+table td {
+    text-align: center;
+}
+
+.dashboard-table,
+table td.td-left {
+    text-align: left;
+}
+
+.dashboard-table,
+table td.td-right {
+    text-align: right;
+}
+
 
  /*Rename dashboard-table to match exactly with your HTML */
 .dashboard-table,
@@ -126,7 +141,6 @@ tfoot {
 table th,
 table td {
     padding: 8px;
-    text-align: center;
     border-right: 1px solid #E1C6A8;  /* Add vertical borders */
     border-bottom: 1px solid #E1C6A8;  /* Add horizontal borders */
 }
@@ -194,3 +208,4 @@ table tr:last-child td {
     color: #990000;
 }
 
+