Categorise design

[s-steddy]

To align the new Categorise on mobile with desktop, let's compare:

• [x] Slight redesign from @GhadaShebl needed - consistent colours (no blue), rounded corners, etc. I think the dotted line box saying 'drag answers here' could be expanded to take up the whole space as it currently does on desktop
• [x] Get rid of the bumps under the answers that can be seen in the review round.

I think these have already been done:

• [x] Centre category headings
• [x] Expand categories after all answers have been sorted.

[GhadaShebl]

Categorise question on Figma https://www.figma.com/file/LMraQn88VxZ9cHt1CAiZXN/Brillder?node-id=2925%3A3572&t=Bj48S4NkgTee6nCb-4

[s-steddy]

Much closer to desktop now so we're making progress but a few things have become apparent as I'm playing:

• [x] Answers need to be completely non-interactible like we've just made for Vertical Shuffle. This is text, make sure images aren't copyable either, etc. (Second image is after holding on image).

• [x] Remove these white bars on the left of images in answers:

And here's why we need to keep thinking about design. It's possible for categories and answers to be pushed too far down the page. I think this is ok for answers, in this image the category zero is below the bottom of the screen:

But if I scroll down to see the category, I can't see the answers any more:

• [ ] I think if scrolling down, answers need to stay visible in column on the right. Can that be done?

[ivanromakh]

not sure about last one. it look complicated.