Responsive layout - card image cannot be easily transcribed

[portableant]

Not sure what we can do about this, when in responsive mode, the card scrolls to the bottom of the page, this makes it very hard to transcribe. Can we just tell people that this will be an unsuitable task for tablets and devices? What do you think @ahb108 @ChiaraBonacchi @teleyinex ?

[teleyinex]

I think so. We need to check in the new version of bootstrap how to show that message based on the current width of the device (using CSS3 media queries)

[portableant]

If you don't have time, I can look into this tomorrow. The media queries javascript for IE rubbish is included.

[ahb108]

Is this still an issue? It would be good to enable tablets in particular.

[teleyinex]

The problem is the space that we have. I think we can actually reduce the size of the form, and then leave some empty space to load the image. @portableant, what do you think?

[portableant]

I don't really see how we can manage to make this easy to do for responsive design. Bootstrap turns the horizontal layout into one long column, the image will come under the form on thin screens. Perhaps we could get some screenshots of different devices? I have a nexus 7, an ipad2 and nexus 4. I'll get one on each of these if I get a chance tonight.

[teleyinex]

I'll ask my UX guy about it, and see if we can do something.

[portableant]

Thanks @teleyinex