Empty space for single item data results + broken scrollbar

[RamiAwar]

Privileged issue

• I'm @RamiAwar or he asked me directly to create an issue here.

Issue Content

Visually annoying edge-case, but also breaks the horizontall scrollbar (can't drag it anymore) which is annoying. Users will have to workaround with shift + scroll (horizontal scroll)

Here the scrollbar doesn't work:

More icons shifted badly:

[rohitt-gupta]

hi can i work on this issue?
if yes, please assign this to me
@RamiAwar

[RamiAwar]

of course 🙂

[RamiAwar]

fyi the storybook components are a bit broken, im fixing them in my current PR. I could merge part of it if you wanna use that for testing. I think it'll make your life easier cause then you control the inputs to those components.

[rohitt-gupta]

I just realised that the backend is written in python,
First i am exploring how to run the backend as i know very little python.
Second on which frontend route i can reproduce this issue?

[rohitt-gupta]

cc: @RamiAwar

[anthony2261]

@rohitt-gupta you'll need to install python 3.11 on your Windows machine, at time of writing 3.11.9 is the most recent patch version. Then, you'll need to tell poetry to use that version that you just installed, see the instructions here.

There is one other alternative, in case you have docker installed on your system, we have a dev docker compose. If you don't have docker installed (and that last sentence did not make sense to you), no worries, you can just ignore this option and stick to installing python 3.11 😄

[RamiAwar]

We encourage using docker though, that's the simplest way to get started + installs all the deps for you! @rohitt-gupta

It will still work when you change the code - your changes would reflect instantly on both FE and BE.
Only scenario where they wouldn't is if you install new dependencies, but that doesn't apply to this ticket.

[rohitt-gupta]

Alright, let me try that.