From 05301cc1eaf099aaf522aa193ba8ef4131e7325b Mon Sep 17 00:00:00 2001
From: DJObleezy <Obleezy@gmail.com>
Date: Mon, 28 Apr 2025 09:50:11 -0700
Subject: [PATCH] Rename status-indicator to status-label in CSS and HTML

Updated the CSS class `.status-indicator` to `.status-label` in `earnings.css`, including style adjustments for padding and font size. Modified the corresponding HTML in `earnings.html` to reflect this change, ensuring consistency across the codebase.
---
 static/css/earnings.css | 6 +++---
 templates/earnings.html | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/css/earnings.css b/static/css/earnings.css
index 5078591..32d7702 100644
--- a/static/css/earnings.css
+++ b/static/css/earnings.css
@@ -147,7 +147,7 @@
     }
 
 /* Status indicators with color families similar to dashboard */
-.status-indicator {
+.status-label {
     display: inline-block;
     padding: 0.25rem 0.5rem;
     border-radius: 4px;
@@ -362,7 +362,7 @@
         font-size: 0.85rem;
     }
 
-    .status-indicator {
+    .status-label {
         font-size: 0.7rem;
         padding: 0.15rem 0.3rem;
     }
@@ -440,7 +440,7 @@
         font-size: 0.85rem;
     }
 
-    .status-indicator {
+    .status-label {
         font-size: 0.7rem;
         padding: 0.15rem 0.3rem;
     }
diff --git a/templates/earnings.html b/templates/earnings.html
index 20ab6e8..f643c7f 100644
--- a/templates/earnings.html
+++ b/templates/earnings.html
@@ -123,7 +123,7 @@
                             {% endif %}
                         </td>
                         <td>
-                            <span class="status-indicator status-{{ payment.status }}">{{ payment.status }}</span>
+                            <span class="status-label status-{{ payment.status }}">{{ payment.status }}</span>
                         </td>
                     </tr>
                     {% else %}