88 styling

[sylvihuynh]

fix #88

Now the textboxes changes and wraps dynamically based on the screen size. The css is less cut off when you narrow the screen and look to the left. I did not figure out hot to fully fix it, but we can assume that people will not have such a narrow screen.

The sorting and toggle components are now a bit weird aligned. I did not find out how to align it with the textboxes vertically as the textboxes may change, so sometimes the look like this:

And then for a smaller screen:

[amalieeh]

Nice work! I like the dynamic flow 💯 This is a horrible issue imo, so well done!

I think this is good to go!

Just wanted to let you know that the scrollable-box seems to run a bit outside the text box when the screen is narrow. I don't think we'll use that narrow sized screens, so it's not an issue, but nice to know maybe? Maybe this was what you were talking about also:)

[sylvihuynh]

Nice work! I like the dynamic flow 💯 This is a horrible issue imo, so well done!

I think this is good to go!

Just wanted to let you know that the scrollable-box seems to run a bit outside the text box when the screen is narrow. I don't think we'll use that narrow sized screens, so it's not an issue, but nice to know maybe? Maybe this was what you were talking about also:)

i had to google imo hahahha 🤣 but nice catch and fixed!