Update index.html

index.html

@@ -97,10 +97,6 @@
             background-color: #f59e0b;
         }
         
-        .status-settled {
-            background-color: #10b981;
-        }
-        
         .status-dismissed {
             background-color: #6b7280;
         }
@@ -108,6 +104,10 @@
         .status-active {
             background-color: #3b82f6;
         }
+
+        .status-ruling {
+            background-color: #a855f7; /* purple-500 */
+        }
         
         .expandable {
             max-height: 0;
@@ -157,15 +157,20 @@
             </div>
         </div>
 
-        <div class="flex justify-center mb-6">
-            <div class="flex flex-wrap gap-2">
-                <button class="filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-700 hover:bg-blue-200 transition" data-filter="all">All Cases</button>
-                <button class="filter-btn px-4 py-2 rounded-full bg-orange-100 text-orange-700 hover:bg-orange-200 transition" data-filter="pending">Pending</button>
-                <button class="filter-btn px-4 py-2 rounded-full bg-green-100 text-green-700 hover:bg-green-200 transition" data-filter="settled">Settled</button>
-                <button class="filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-700 hover:bg-blue-200 transition" data-filter="active">Active</button>
-                <button class="filter-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition" data-filter="dismissed">Dismissed</button>
-            </div>
-        </div>
+<div class="flex flex-wrap gap-2">
+  <button class="filter-btn px-4 py-2 rounded-full bg-yellow-100 text-yellow-700 hover:bg-yellow-200 transition" data-filter="pending">
+    Pending
+  </button>
+  <button class="filter-btn px-4 py-2 rounded-full bg-blue-100 text-blue-700 hover:bg-blue-200 transition" data-filter="active">
+    Active
+  </button>
+  <button class="filter-btn px-4 py-2 rounded-full bg-purple-100 text-purple-700 hover:bg-purple-200 transition" data-filter="ruling">
+    Ruling
+  </button>
+  <button class="filter-btn px-4 py-2 rounded-full bg-gray-100 text-gray-700 hover:bg-gray-200 transition" data-filter="dismissed">
+    Dismissed
+  </button>
+</div>
 
 
   <div class="timeline-container" id="timeline"></div>