optimized legend for mobile - on ipad and normal, is displayed on left, on iphone and smaller is displayed on right, and so beneath everything else. couldnt figure out how to do this with bootstrap.