select the whole on click instead of only the inside of it

Question

ok here is the thing, I have a table where I have some \'s, what I want: make clickable the full which contains those

Answer 1

Specify a display of block on your <a> elements, and add the padding those instead. It might also be worthwhile to remove the padding on the <td> element:

td {
    border-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 0;

    a {
      padding: get-space(x-small) + 2;
      display: block;
    }
}

If you need to retain the red border, target the <span> element:

td {
    border-bottom: 0;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 0;

    a {
      padding: get-space(x-small) + 2;
      display: block;

      span {
        border: 1px solid red;
      }
    }
}