From 408632d7e0528010c69c0a254960cff552373fad Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 19 Apr 2026 16:02:32 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/components/cases/time-tab.tsx | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/cases/time-tab.tsx b/src/components/cases/time-tab.tsx
index 181750c..3f8834c 100644
--- a/src/components/cases/time-tab.tsx
+++ b/src/components/cases/time-tab.tsx
@@ -166,9 +166,20 @@ export function CaseTimeTab({ caseRecord, onInvoice }: CaseTimeTabProps) {
       {showForm && (
         <Card className="border-border/60">
           <CardContent className="p-4">
-            {fees.length > 0 && (
-              <div className="mb-3 space-y-1.5">
+            <div className="mb-3 space-y-1.5">
+              <div className="flex items-center justify-between">
                 <Label className="text-xs">Fee schedule (optional)</Label>
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="sm"
+                  className="h-7 text-xs"
+                  onClick={() => setShowNewFee(true)}
+                >
+                  <PlusCircle className="h-3.5 w-3.5 mr-1" /> Add new item
+                </Button>
+              </div>
+              {fees.length > 0 && (
                 <Select
                   value={selectedFeeId}
                   onValueChange={(v) => {
@@ -195,8 +206,8 @@ export function CaseTimeTab({ caseRecord, onInvoice }: CaseTimeTabProps) {
                     ))}
                   </SelectContent>
                 </Select>
-              </div>
-            )}
+              )}
+            </div>
             <form onSubmit={submit} className="grid grid-cols-1 md:grid-cols-5 gap-3">
               <div className="space-y-1.5">
                 <Label className="text-xs">Date</Label>