code4romania / code4romania/onghub

[Filters] Incorrect positioning of filters on small window sizes

Open
#408 0 comments 0 reactions 1 assignee Claimed by @birloiflorian View on GitHub
bug :bug: low-priority
Dominant language
TypeScript
Stars
6
Forks
5
PR merge metrics
No merged PRs in 30d

Description

**Preconditions:**
The user must be logged in as "Super-Admin" on the "ONG-uri" page.

**Steps to reproduce:**
Resize the browser window from 640 width to 700 width

**Expected Results:**
The filters are displayed at the same level or one under another according to window size.

**Actual Results:**
The filters are displayed at odd uneven positions.

**See SS**
![OddFilters1](https://github.com/code4romania/onghub/assets/118546170/6ad816a0-8419-49c5-9604-9e6994686abc)
![OddFilters2](https://github.com/code4romania/onghub/assets/118546170/d76634bc-b27d-448f-8798-31ae4e429f22)

**Note:**
Filters can be found on the following pages:
Super-Admin: ([falicity.britlee@moabuild.com](mailto:falicity.britlee@moabuild.com))

"ONG-uri" page - https://app-staging.onghub.ro/organizations
"Vedere de ansamblu" tab, "Lista utilizatori" at the bottom, inside NGO detail page - https://app-staging.onghub.ro/organizations/1/overview
"Aplicatiile mele" tab, inside NGO detail page - https://app-staging.onghub.ro/organizations/2/applications
"Solicitari Acces" page - https://app-staging.onghub.ro/requests
"Toate aplicatiile" page - https://app-staging.onghub.ro/applications/overview
"Cereri acces aplicatii" tab - https://app-staging.onghub.ro/applications/requests
"Lista ONG-uri" tab, inside application detail page - https://app-staging.onghub.ro/application/2/installs

Admin: ([brix.grayer@moabuild.com](mailto:brix.grayer@moabuild.com))

"Utilizatori" page - https://app-staging.onghub.ro/users/list
"Invitatii trimise" tab - https://app-staging.onghub.ro/users/invites

**Environment:**
Windows 11 Pro 22H2 - OS 22621.2715
Chrome Browser - 119.0.6045.160
Firefox Browser - 119.0.1
Edge - 119.0.2151.72

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.