I'm working on this legacy mobile site and the footer icons are tiny. I tried adding padding to the anchor tags but it's messing up my flex alignment in the footer. It makes the whole row taller than it should be. I don't want to change the actual icon dimensions, just need a larger hit area without breaking the layout. I've been trying this:
a {padding: 12px;display: inline-block;}But now the icons aren't centering vertically with the text next to them. Is there a better way to expand the tap area using something like an invisible pseudo-element? I need it to stay
strictly within the bounds of the existing icon container.