nav ul li a
{
display : block ;
text-align : center;
font-weight : 600;
text-decoration : none;
color:#fff;
background-color : rgba(0,0,0,0.15);
margin : .2em 0;
padding: .2em 0;
border-radius: 1em;
box-shadow : 1px 1px 4px #000;
}
https://i.sstatic.net/I7yUy.jpg
The issue with the crushed look of the anchors can be resolved by adjusting the padding property. If you remove it entirely, everything should appear fine, but if you want the anchors to have some spacing around them for a more spacious look, tweaking the padding values is the way to go.