oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Reduce table padding globally (#25568)

Fomantic's tables have too much padding. Reduce it so we have more
information density in them. Especially the admin tables need this
because they are bursting already because of column count.

## Admin repolist before and after

<img width="909" alt="Screenshot 2023-06-28 at 20 27 55"
src="https://github.com/go-gitea/gitea/assets/115237/954c925c-8db5-47ce-ae51-a2168b857014">
<img width="897" alt="Screenshot 2023-06-28 at 20 36 03"
src="https://github.com/go-gitea/gitea/assets/115237/0bddc09a-9117-48b3-a17e-3d34c58d8d3d">

## Other tables

<img width="1230" alt="Screenshot 2023-06-28 at 20 36 22"
src="https://github.com/go-gitea/gitea/assets/115237/38f555b6-a7ce-416a-9f1f-706eaf18863b">
<img width="1236" alt="Screenshot 2023-06-28 at 20 26 37"
src="https://github.com/go-gitea/gitea/assets/115237/82b2878e-358c-4dc2-a6b4-c66e43cd2dfb">
<img width="1231" alt="Screenshot 2023-06-28 at 20 59 30"
src="https://github.com/go-gitea/gitea/assets/115237/c6a92e55-a3a3-4c80-9a0d-50aebb49886c">

Files table is unaffected because it has custom padding already.

---------

Co-authored-by: Giteabot <teabot@gitea.io>

authored by

silverwind
Giteabot and committed by
GitHub c76b221c c6f1fb1c

+18
+18
web_src/css/base.css
··· 898 898 color: var(--color-text); 899 899 } 900 900 901 + /* reduce table padding, needed especially for dense admin tables */ 902 + .ui.table > thead > tr > th, 903 + .ui.table > tbody > tr > td, 904 + .ui.table > tr > td { 905 + padding: 6px 3px; 906 + } 907 + /* use more horizontal padding on first and last items for visuals */ 908 + .ui.table > thead > tr > th:first-of-type, 909 + .ui.table > tbody > tr > td:first-of-type, 910 + .ui.table > tr > td:first-of-type { 911 + padding-left: 10px; 912 + } 913 + .ui.table > thead > tr > th:last-of-type, 914 + .ui.table > tbody > tr > td:last-of-type, 915 + .ui.table > tr > td:last-of-type { 916 + padding-right: 10px; 917 + } 918 + 901 919 img.ui.avatar, 902 920 .ui.avatar img, 903 921 .ui.avatar svg {