Catalog Item Buttons Not Visible on Smaller Screens

[rahulrana701]

Description

On smaller screens, the button like "Copy URL" on catalog items is not visible, making it difficult for users to interact with it and causes readability issue .

Expected Behavior

The button should be visible and accessible on all screen sizes.

Screenshots

Steps To Reproduce the issue

• Go to meshery home page
• In the navigation bar, click or hover over the "Catalog" section.
• Scroll down and click on any item you want. Then, use the inspect tool to adjust your screen size .

Environment:

• OS: Windows
• Browser: Chrome
• Version:
• Device: Desktop Mobile

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[rahulrana701]

@Ashparshp if you find this issue to be relevant I would like to work on it.

[amitamrutiya]

@Ashparshp For this issue, PR #1859 has been created. In this code line, @kanishk6103 has fixed both issues. @rahulrana701 You can check the deploy preview to see if it’s fixed there.

[Ashparshp]

Thank you @amitamrutiya and @rahulrana701 please check once before opening new one.

[rahulrana701]

@Ashparshp sure