css/layout tweaks

changes:
1) made adding messages to debug log a function
2) changed the color of the debug log (but you can go back to your preferred color, it's still there, commented out, just in case :) )
3) removed all inline css code from html (and js while doing (1))
4) added some media queries so the whole thing should scale somehow - definitely not perfect, but usable enough
5) debug log for a non-mobile view is rescaled via JS so it won't leak out from the main layout
6) and (how could I forgot) - map & debug log swapped places

as usual - don't trust me completely & test it please :) it was done in a limited time frame