use same width to trigger mobile template in CSS + JS

Javascript was being told that it should adjust the layout of the app at
410 pixels while CSS was being told to use 460. The result was a garbled
half-state for anything between 410–460. As the search box and other
elements appear to need 460 to layout right, I normalized on that value.
fix CSS parsing oddity for older IE

IE <10 has issues with spaces in between the attribute and value in media
selectors. They are optional according to the spec, but it chokes on
them so I've removed them from all instances of this syntax. This one
got re-introduce in 0651ed7 along with some trailing whitespace.
set min-width for two columns to match mobile

With the current fixed element width system an argument could be made
for increasing this to 680 where everything shows up properly, but the
20 px difference between the mobile layout cutoff and the two column cut
off makes no sense. If nothing else it just makes a broken interface
where one of the major buttons does nothing. If these are to be at
different places, the add column button would also need to be hidden
separately.
Whitespace cleanup.

More whitespace deleted.

Spelling errors.

Test
Merge pull request #44 from alerque/fix-mobile-width

Fix issues with mobile template
Merge pull request #45 from zohma/master

Whitespace cleanup.
add config flag for debug mode
only call console.log() if the config debug option is on
enable commented out console.log() calls using info() method
update debug statements in commented blocks

Just in case they get un-commented!