Hey folks. I have several repeating sections in my custom character sheet. For some reason, the "+Add", "Modify", and "Done" buttons that allow the repeating sections to be used, are only clickable on their bottom half. I have a hover color change, and it also only takes effect on the bottom half. It's actually slightly less than the bottom half, and for some reason some of these buttons are fine, but some aren't. Otherwise they work fine. I don't know what code to include here, but here is the entirety of the repeating section code I use, although I use it multiple times: <fieldset class="repeating_defenses">
</fieldset>
And here is the button formatting I use: button {
background-position-x: initial !important;
background-position-y: initial !important;
display: inline-block;
text-shadow: 0px 0px !important;
text-decoration: none !important;
border: none;
border-top: none !important;
border-radius: 0px !important;
cursor: pointer;
background-image: linear-gradient(to top left, #adbbff, #001a9c); /* blue */
color: white;
height: 15px;
width: 39px;
text-align: center;
z-index: 1;
}
button:hover {
background-image: linear-gradient(to top left, #ff69fa, #5c0959) !important; /* violet */
color: white !important;
}
button:active {
background-image: linear-gradient(to top left, #ffffff, #bfbfbf) !important; /* white */
color: black !important;
} I'm a bit stumped here. Hopefully someone else is more familiar with this. Again, this is only an issue for some of the repeating sections I use, and I don't see this issue on any of the buttons I added myself.
