Fixes to the pattern input grid made. Paired by Michael and Richard.

The grid, and the navigational bars, were fixed so that there was no horizontal
scrolling on the xs page, and also so that the grid resizes according to the
size of the screen. (Feature #105)
Method that returns the pattern string implemented

Paired by Michael and Richard.