Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Button 'THE VERSION FROM ANOTHER DEVICE' spans two lines, leading to a cluttered interface #21137

Open
SoapOperaTester opened this issue Aug 22, 2024 · 5 comments
Open

Button 'THE VERSION FROM ANOTHER DEVICE' spans two lines, leading to a cluttered interface #21137

SoapOperaTester opened this issue Aug 22, 2024 · 5 comments
Labels
Good First Issue [Type] Bug UI

Comments

@SoapOperaTester
Copy link

Expected behavior

The buttons 'THE VERSION FROM ANOTHER DEVICE' and 'THE VERSION FROM THIS APP' should be neatly aligned and occupy a single line, ensuring a clean interface.

Actual behavior

The first button, 'THE VERSION FROM ANOTHER DEVICE,' due to space constraints, spans two lines, making the interface look cluttered and disorganized.

Steps to reproduce the behavior

  1. Click 'Posts'
  2. Click 'PUBLISHED'
  3. Click a post with 'You've made unsaved changes to this post'
  4. The “Which version would you like to edit?” dialog box appears
Tested on [device], Android [version], JPAndroid / WPAndroid [version]

Galaxy S21 5G, 12, Jetpack 25.2.1 (1444)/WordPress 25.2.1 (1444)

Potential Solution

Align both buttons to the left to maximize the available space and ensure that each button occupies a single line. This will help create a more organized and aesthetically pleasing interface.
Screenshot_Jetpack
Screenshot_WordPress
@dangermattic
Copy link
Collaborator

dangermattic commented Aug 22, 2024 •
edited
Loading

Thanks for reporting! 👍

@jkmassel jkmassel added the UI label Aug 28, 2024
@nbradbury nbradbury reopened this Aug 29, 2024
@Agoni-0
Copy link
Contributor

Agoni-0 commented Oct 22, 2024

I‘d like to have a try on this issue.

@Akshaykomar890
Copy link

@nbradbury can I work on this issue ?

@nbradbury
Copy link
Contributor

@Akshaykomar890 Yes, feel free to work on this. Thanks!

Akshaykomar890 added a commit to Akshaykomar890/WordPress-Android that referenced this issue Jan 11, 2025
@Akshaykomar890
Fix Button Layout Overflow (wordpress-mobile#21137)
a0b9df1 
>Issue: The button "THE VERSION FROM ANOTHER DEVICE" was not fitting within its allocated space and was spilling over into a second line, leading to a cluttered UI.

>Solution: Added the android:layout_weight="1" property to the button's style, which ensures that the button receives equal space alongside other buttons, preventing it from breaking into multiple lines.

>Result: The button now fits within the available width and maintains a consistent, clean appearance on different screen sizes, enhancing the overall user interface.
@Akshaykomar890 Akshaykomar890 mentioned this issue Jan 11, 2025
Open
@Akshaykomar890
Copy link

@nbradbury, I created a PR for this issue. Could you please review it when you have a moment.
Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
Good First Issue [Type] Bug UI
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@jkmassel @nbradbury @tiagomar @SoapOperaTester @Akshaykomar890 @dangermattic @Agoni-0