Skip to content

Inconsistent Spacing Between Instagram Icon and Text in Social Media Links #7887

Description

@singhal-amit

Is your feature request related to a problem? Please describe.
I'm frustrated when the Instagram icon and text are not properly spaced compared to the other social media icons. The label "Connect on" is inconsistent with the way other platform names (e.g., Facebook, LinkedIn) are displayed, leading to visual inconsistency and a cluttered UI.


Describe the solution you'd like
I would like the text "Connect on" to be replaced with "Instagram" to match the other social media labels, and to have uniform spacing between the Instagram icon and its text, similar to how Facebook, LinkedIn, and Twitter are displayed. This can be achieved by adding margin-left and margin-right to the Instagram icon.


Describe alternatives you've considered
An alternative could be to change all the social media text to include "Connect on" (e.g., "Connect on Facebook"), but this approach would be unnecessarily verbose and might detract from the simplicity of the UI. Another option would be adjusting the font size or adding padding, but these would not address the specific spacing issue.


Additional context
Attached are screenshots before and after the changes, showing how the Instagram icon was initially cramped and how the revised spacing creates a more balanced layout for the social media links.

Before:
Screenshot from 2024-10-17 10-50-53

After:
Screenshot from 2024-10-17 10-51-00

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions