diff --git a/frontend/static/styles.css b/frontend/static/styles.css index bb255d11..ab5adf5a 100644 --- a/frontend/static/styles.css +++ b/frontend/static/styles.css @@ -16,3 +16,23 @@ body { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } + + /* Ensure pagination wraps properly on small screens */ + .pagination { + flex-wrap: wrap; + gap: 0.5rem; + } + .pagination-buttons { + flex-wrap: wrap; + } + + /* Ensure filter items stack on very small screens */ + @media (max-width: 480px) { + .filter-group { + flex-direction: column; + } + .filter-item { + min-width: unset; + width: 100%; + } + } diff --git a/frontend/templates/base.html b/frontend/templates/base.html index b769b09a..34f1b074 100644 --- a/frontend/templates/base.html +++ b/frontend/templates/base.html @@ -23,7 +23,7 @@ -