Project Browser CSS minor fix

I am working on it.

Please review the changes. I have attached before and after Screenshots for reference.

The search icon seems misaligned and not the remove button

I am looking into it

I have added some padding in the search icon. Can you verify the alignment once.

The build is failing with "Error: Uncommitted Changes Detected". Setting this back to needs work.

Looks like the CSS change was missing from the scss file, build is now passing. Marking as needs review.

Reviewed Search icon overlap fix and things look good.

While in there, I've made a small tweak to the "security" icons, as they were not consistent in sizing.

HI @zetagraph,
Thank you for identifying the issue with the size of the security icons—I appreciate your attention to detail. However, I believe this might not be directly related to the current issue. I belive we could keep this issue only for fixing the overlap issue of search icon and cross icon. Perhaps we could create a separate issue specifically for this?

Please feel free to share your perspective and correct me if I’m mistaken as i am very new to contribution.

Increase the inset-inline-end more on `#project-browser .search__search-clear` as it was still overlapping with search icon when it gets focus.

tomislav.matokovic → made their first commit to this issue’s fork.

I have successfully replicated this issue and tested the solution.

Thanks for working on this, I've pushed some more fixes and made some slight adjustments but overall it looked great 👏🤝

Included in the 4.0.4 release: https://www.drupal.org/project/gin/releases/4.0.4 →

Automatically closed - issue fixed for 2 weeks with no activity.