fix(surveys): survey results viz fixes

[liyiy]

Problem

• multiple choice bar would be set to a default height causing squished answers
• make it easier for users to explore survey results data

Changes

before:

after:

Screen.Recording.2024-02-14.at.11.25.25.AM.mov

👉 Stay up-to-date with PostHog coding conventions for a smoother review.

How did you test this code?

[github-actions]

Size Change: 0 B

Total Size: 2.22 MB

ℹ️ View Unchanged

Filename	Size
frontend/dist/toolbar.js	2.22 MB

_{compressed-size-action}

[posthog-bot]

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

• chromium: 0 added, 0 modified, 0 deleted
• webkit: 0 added, 1 modified, 0 deleted (diff for shard 2)

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[posthog-bot]

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

• chromium: 0 added, 0 modified, 0 deleted
• webkit: 0 added, 1 modified, 0 deleted (diff for shard 2)

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[posthog-bot]

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

• chromium: 0 added, 0 modified, 0 deleted
• webkit: 0 added, 1 modified, 0 deleted (diff for shard 2)

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[jurajmajerik]

The button is too wide:

With primary buttons, we often use button icons:

I think the barchart icon or something similar would suit well here.

Cool functionality btw :)

[liyiy]

The button is too wide:

With primary buttons, we often use button icons: I think the `barchart` icon or something similar would suit well here.

Cool functionality btw :)

hmmm there's nothing in between 30 and 40 though (and 30 width makes it super squished) but looks like the icon makes it more balanced now, so sticking with 40

[posthog-bot]

📸 UI snapshots have been updated

1 snapshot changes in total. 0 added, 1 modified, 0 deleted:

• chromium: 0 added, 0 modified, 0 deleted
• webkit: 0 added, 1 modified, 0 deleted (diff for shard 2)

Triggered by this commit.

👉 Review this PR's diff of snapshots.

[jurajmajerik]

Is it necessary to wrap the button in a div and use the max-w property? The button should scale automatically based on the content width 🤔