creativecommons / search

Creative Commons Search Portal
https://search.creativecommons.org/
MIT License
19 stars 114 forks source link

[Bug] Search Button: Default Button Border Not Removed Across All Screen Sizes #304

Closed SisiVero closed 1 month ago

SisiVero commented 1 month ago

Description

The default border of the button was not removed for all screen sizes. The border is still visible on both desktop and mobile screens. It's essential to remove the default button border to maintain design consistency across the interface and avoid a cluttered or outdated appearance, especially when custom button styles are applied. And since the button has a background color, a border is not needed.

Reproduction

  1. Access the interface on a desktop or large screen device.
  2. Observe that the button still has the default border.
  3. Switch to a mobile device or use developer tools to simulate a mobile screen size.
  4. Note that the button's default border is still visible.
  5. See error.

Expectation

The button’s default border should be removed consistently on all screen sizes to ensure a clean and modern appearance

Screenshots

Desktop screen with default:

defaultBorderPresent

Desktop screen without default border:

noDefaultBorder

Mobile screen with default border:

mobileViewWithBorder

Mobile screen without default border:

mobileViewNoBorder

Resolution

LavellTheDev commented 1 month ago

@SisiVero @possumbilities Is this task currently being worked on? Or is it in the process of being resolved?