fix: increase column padding for bar chart breathing room

This commit is contained in:
Usman Baig
2026-03-15 13:48:19 +01:00
parent 3c8904ffe4
commit 7103a39273

View File

@@ -172,7 +172,7 @@ function PageRow({
data-path={page.path}
className={`
group flex items-center justify-between w-full relative
h-9 px-2 -mx-2 rounded-lg text-left transition-colors
h-9 px-3 rounded-lg text-left transition-colors
${isOther ? 'cursor-default' : 'cursor-pointer'}
${isSelected
? 'bg-brand-orange/10 dark:bg-brand-orange/10'
@@ -250,7 +250,7 @@ function JourneyColumn({
const maxCount = Math.max(...column.pages.map((p) => p.sessionCount), 0)
return (
<div className="w-56 shrink-0 px-2">
<div className="w-56 shrink-0 px-3">
<ColumnHeader column={column} />
<div className="space-y-0.5 max-h-[500px] overflow-y-auto">
{column.pages.map((page) => {
@@ -274,7 +274,7 @@ function JourneyColumn({
<div
data-col={column.index}
data-path="(exit)"
className="flex items-center justify-between h-9 px-2 -mx-2 rounded-lg bg-red-500/8 dark:bg-red-500/8"
className="flex items-center justify-between h-9 px-3 rounded-lg bg-red-500/8 dark:bg-red-500/8"
>
<span className="text-sm text-red-500 dark:text-red-400">
(exit)