@emanuele :: try these changes. They are close to what I did for my theme, only they have been put into the _light variant. I deleted my custom theme so this is from notes. Not sure about all of it though as I believe that an issue is the sharing of code between the two variants. I don't think that I found padding to be an issue but I did find the linktree before and linktree after parts were causing me problems. Screw with the code for the Light variant and the linktree gets goofy looking for the besocial variant. Some of that has to do with the difference in color between the two themes. The below demonstrates my high degree of incompetence.
index.css changes
.linktree a, .linktree em, .linktree_last a, .linktree_last em {
display: inline-block; /* was block, probably does not matter actually but it matches the below display: */
}
/* Nifty indicators. */
.linktree:before, .linktree:after, .linktree_last:before, .linktree_last:after {
content: "";
position: absolute;
display: inline-block;
left: 100%;
top: 50%;
margin-top: -1.900em; /* was -1.077em */
margin-left: 2px;
height: 1px;
width: 0;
border: 1.900em solid transparent; /* was -1.077em */
border-right: none;
z-index: 2;
}
index_light.css changes
.linktree:hover:before, .linktree_last:before {
border-left: 0.75em solid #ccc; /* was #3d6e32 */
}
.linktree:hover, .linktree_last {
border-top: 1px solid #3d6e32;
/* border-right: 2px solid #3d6e32; */ /* commented out for testing */
border-bottom: 1px solid #3d6e32;
background: #5ba048; /* commented out for testing */
background-image: linear-gradient(to right, #4b863c, #5ba048);
}