Add some Responsive CSS sugar

[andypiper]

Although the site is readable and renders fine on a smaller screen, it would be nice to see it use responsive techniques to flow to a phone or tablet screen more smoothly. In particular e.g. the 3 column support list layout might want to collapse down to one, and we could use more friendly font sizes for smaller screens.

[cbetta]

👍 Will see if I have time some day

[danielknell]

it collapses to a single list for me already… maybe the break points in the wrong place.

[cbetta]

You are right, it does already. @andypiper is this still an issue for you on your device(s)?

[andypiper]

Load on mobile safari (say iPhone). It loads in desktop format ie one central column, lots of white space either side, small text (yes I can double tap to zoom but why should I have to?) and the supporters list in 3 columns. Maybe it does collapse if you resize browser window but viewport and font size are not set appropriately for mobile screen sizes.

[cbetta]

Ah, it needs a viewport size added on mobile @danielknell

[BPScott]

I think this in the head should do the trick:

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

[danielknell]

pull request welcome :)

[andypiper]

Sent - tested locally and works a treat. Thanks.