fix: fees table horizontally scrollable, remove table-layout:fixed
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-04-10 16:26:12 +02:00
parent 9f22f27738
commit 7b000dc3e0

View File

@ -71,10 +71,15 @@
margin-bottom: var(--spacing-xl); margin-bottom: var(--spacing-xl);
} }
.fees-table-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.fees-table { .fees-table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
table-layout: fixed; min-width: 900px;
} }
.fees-table th, .fees-table th,
@ -229,6 +234,7 @@
<h2>Lista firm ({{ year }}) <span style="display:inline-flex;align-items:center;justify-content:center;background:var(--error);color:white;font-size:var(--font-size-sm);font-weight:700;min-width:28px;height:28px;border-radius:var(--radius-full);padding:0 8px;vertical-align:middle;margin-left:8px;">{{ companies_fees|length }}</span></h2> <h2>Lista firm ({{ year }}) <span style="display:inline-flex;align-items:center;justify-content:center;background:var(--error);color:white;font-size:var(--font-size-sm);font-weight:700;min-width:28px;height:28px;border-radius:var(--radius-full);padding:0 8px;vertical-align:middle;margin-left:8px;">{{ companies_fees|length }}</span></h2>
</div> </div>
<div class="fees-table-wrapper">
<table class="fees-table"> <table class="fees-table">
<thead> <thead>
<tr> <tr>
@ -326,6 +332,7 @@
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}