I made a nice little social bar in the header of a real estate site and I noticed that they all slid to the left and scrunched on top of each other on mobile. I took out some padding and readjusted the margins on the sprite. They no longer collapse but the spacing in between them disappears and they move to the left.
Any advice?

I also noticed that despite setting a color to the h3, on Ipad the phone number goes to a different color, but its fine on android. Is this a Apple browser thing?