center the gradient on lack of input

When the database has no data, the webserver will send a zeroed
structure. Before this change, the gradient would rest at 355,355
(hardcoded for now). Now when direction === "", the percentage
values are forced to 25% which causes the gradient to be centered.

Also added a newline to the style line.