As far as I know, the correct way to utilize bootstrap's table-responsive feature is by enclosing it within a div with the table-responsive class:
<div class="table-responsive">
<table class="table">
</table>
</div>
However, when attempting to apply CSS to it, I'm unsure if I should target <table> or
<div class=table-responsive><table>, they don't seem to affect it correctly (the table layout from the div still shows; for example, coloring the table background doesn't align borders properly).
So, I experimented with styling the div instead. This approach seems to work well, but it results in an unwanted additional layer appearing on my table (IMG_ table ends at *Não Urgentes* rowTherefore, the question arises - where should I apply styles to the table and how can I do so without affecting the div?