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.

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

Travel updates button icons stack on narrow browser widths #924

Open
sam-wmca opened this issue Nov 1, 2022 · 2 comments
Open

Travel updates button icons stack on narrow browser widths #924

sam-wmca opened this issue Nov 1, 2022 · 2 comments
Labels
bug Something isn't working

Comments

@sam-wmca
Copy link

sam-wmca commented Nov 1, 2022

Describe the bug
On specific browser widths, the travel updates widget button icons fall outside of the button radius.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'tfwm.org.uk.'
  2. Resize browser to between 773-909px
  3. Scroll down to travel updates widget
  4. See bug on add services/view all updates buttons

Expected behavior
A better solution in this edge case would be to left align text and stack in the button, e.g:
Screenshot 2022-11-01 at 14 56 20

Screenshots
Screenshot 2022-11-01 at 14 43 20
Screenshot 2022-11-01 at 14 43 14

Desktop (please complete the following information):

  • OS: macOS 13.0
  • Browser: Safari
  • Version: 16.1

Smartphone (please complete the following information):

  • Device: iPhone 14 Pro Max
  • OS: iOS 16.1
  • Browser: Safari
  • Version: 16.1

Additional context
Add any other context about the problem here.

@sam-wmca sam-wmca added the bug Something isn't working label Nov 1, 2022
@rolorogan
Copy link
Contributor

@sam-wmca I can't replicate this. Has this been fixed?

@sam-wmca
Copy link
Author

@rolorogan afraid not, just tested it again. It's not a huge issue on desktop but this affects tablets due to the width this occurs at.

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants
@rolorogan @sam-wmca and others