[PR #188] [MERGED] Fixed alignment of div containing selectboxes in mobile and tablet screens #781

New issue

Closed

opened 2026-02-26 18:48:54 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 18:48:54 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/documenso/documenso/pull/188
Author: @Ashutosh-Bhadauriya
Created: 6/2/2023
Status: ✅ Merged
Merged: 6/17/2023
Merged by: @Mythie

Base: main ← Head: fix/selectbox-alignment

📝 Commits (3)

a07febe Fix: alignment of div containing selecboxes in mobile and tab screens
1322f73 Merge branch 'main' into fix/selectbox-alignment
5063b60 fix: further style updates

📊 Changes

1 file changed (+18 additions, -18 deletions)

View changed files

📝 apps/web/pages/documents.tsx (+18 -18)

📄 Description

In your current situation, the flex-row-reverse property is causing the alignment to be to the right even on smaller screens (2nd screenshot). It should be on the left imo.

Recommended fix - We could use justify-start for smaller screens and justify-end for bigger screens. So on smaller screens, the items will start from the left side, and on medium and larger screens, they will start from the right side, while maintaining the same order.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/documenso/documenso/pull/188 **Author:** [@Ashutosh-Bhadauriya](https://github.com/Ashutosh-Bhadauriya) **Created:** 6/2/2023 **Status:** ✅ Merged **Merged:** 6/17/2023 **Merged by:** [@Mythie](https://github.com/Mythie) **Base:** `main` ← **Head:** `fix/selectbox-alignment` --- ### 📝 Commits (3) - [`a07febe`](https://github.com/documenso/documenso/commit/a07febef4670133cfee2e64e7f91e396403dd8a1) Fix: alignment of div containing selecboxes in mobile and tab screens - [`1322f73`](https://github.com/documenso/documenso/commit/1322f7333fe23ec8b160549b04fd1efacc3d1acd) Merge branch 'main' into fix/selectbox-alignment - [`5063b60`](https://github.com/documenso/documenso/commit/5063b60a8a35594de80d9fa5b64e62613a786a77) fix: further style updates ### 📊 Changes **1 file changed** (+18 additions, -18 deletions) <details> <summary>View changed files</summary> 📝 `apps/web/pages/documents.tsx` (+18 -18) </details> ### 📄 Description In your current situation, the `flex-row-reverse` property is causing the alignment to be to the right even on smaller screens (2nd screenshot). It should be on the left imo. ![Screenshot (0)](https://github.com/documenso/documenso/assets/62984427/24e89c28-8966-4b09-8e23-063bb618a5ba) ![Screenshot (1)](https://github.com/documenso/documenso/assets/62984427/60bacbfc-464e-487a-84c5-7097e69d747a) Recommended fix - We could use `justify-start` for smaller screens and `justify-end` for bigger screens. So on smaller screens, the items will start from the left side, and on medium and larger screens, they will start from the right side, while maintaining the same order. ![Screenshot (2)](https://github.com/documenso/documenso/assets/62984427/97402750-73fc-462d-aaf6-6baf9ae0d2f5) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-02-26 18:48:54 +03:00

closed this issue
added the
pull-request
label

kerem referenced this issue

2026-02-26 19:32:10 +03:00

[PR #781] [CLOSED] Changed Readme #1179

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/documenso#781

No description provided.

Rows
Columns