Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

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>