diff --git a/components/dashboard/income-expense-graph-tooltip.tsx b/components/dashboard/income-expense-graph-tooltip.tsx index 2f47efa..3cd19d7 100644 --- a/components/dashboard/income-expense-graph-tooltip.tsx +++ b/components/dashboard/income-expense-graph-tooltip.tsx @@ -17,10 +17,8 @@ export function IncomeExpenceGraphTooltip({ data, defaultCurrency, position, vis const incomeCategories = data.categories.filter((cat) => cat.income > 0) const expenseCategories = data.categories.filter((cat) => cat.expenses > 0) - // Calculate positioning - show to right if space available, otherwise to left const tooltipWidth = 320 // estimated max width const spaceToRight = window.innerWidth - position.x - const spaceToLeft = position.x const showToRight = spaceToRight >= tooltipWidth + 20 // 20px margin const horizontalOffset = showToRight ? 15 : -15 // distance from cursor diff --git a/components/dashboard/income-expense-graph.tsx b/components/dashboard/income-expense-graph.tsx index 6859ffc..13c83ab 100644 --- a/components/dashboard/income-expense-graph.tsx +++ b/components/dashboard/income-expense-graph.tsx @@ -121,7 +121,7 @@ export function IncomeExpenseGraph({ data, defaultCurrency }: IncomeExpenseGraph onClick={() => item.income > 0 && handleBarClick(item, "income")} > {/* Period label above income bars */} -
+
{formatPeriodLabel(item.period, item.date)}
diff --git a/lib/utils.ts b/lib/utils.ts index 108f817..1138e8b 100644 --- a/lib/utils.ts +++ b/lib/utils.ts @@ -127,9 +127,9 @@ export function formatPeriodLabel(period: string, date: Date): string { year: "numeric", }) } else { - // Monthly format: show month/year + // Monthly format: show month/year with short month name return date.toLocaleDateString("en-US", { - month: "long", + month: "short", year: "numeric", }) }