clean up the interaction of the donorList

I determined that my understanding of overflow and height was wrong, that
an explicit height with overflow: initial does NOT mean it should push
later elements down. (dispite safari doing so anyway). I still set the
height for the div so it can clip the rest of the list, but when we show
the full list I also set the height back to auto.

As part of the cleanup, I created a 'wider' class that removes the padding
that Bootstrap adds each time I use a 'col-md-*' class, which happens a
lot with the donorList. The resultant class reads like this

  class="wider col-md-12"

Finally, the div that switches between clipping the list and revealing it
no longer includes the header. The header serves as an alternative button
to toggle showing the list and is a different height than the list entries.
Without the header, it is much easier to compute a value for the div
height that doesn't cut off an entry.
change the orientation of the "Money Spent" bar chart to show category names

Based on a suggestion from John, this changes the bars in the bar chart to
be horizontal so that adding more categories doesn't cause the space
available for the labels to get crowded. With more categories, the chart
simply grows down rather than having the bars get narrower. Because we
are showing all the reported categories and the dollar amounts, there is
no longer a need for the tooltip (although it may be useful elsewhere)
Merge pull request #81 from paulfred/master

Improved versions of the "Who's Giving" and "How are they Spending" visuals