Profile Preview Edit Icon position

[Snowhog]

How do I reposition this element? The issue is that in its current position, if the slider bar appears, it almost completely hides this element. I want to move it to the left sufficiently so it doesn't get hidden.

[wwdnet]

You might try using something like [ATTACH=JSON]{"data-align": left; "padding": n";

I don't know if this will work or not but I do use padding for help with alignment.

[glennrocksvb]

The issue is that in its current position, if the slider bar appears, it almost completely hides this element

It's not hidden here when scrollbars are present.


But if you want to move the Pencil icon, you can add this custom CSS in css_additional.css template:

.ui-tooltip-profile-preview-noypiscripter .profile-preview-edit-user {
    float: none;
}

That will move the Pencil icon right next the Send Message icon. If you want the icon to be on the left side, then change float value to left instead of none.

[Snowhog]

It's not hidden here when scrollbars are present.

When you click on a users name and the Profile Preview opens, yes, the scrollbar doesn't obscure the pencil icon; the scrollbar is narrow. BUT, if move your mouse to the icon and accidentally hit the scrollbar, then the scrollbar becomes wide and obscures all but the tip of the pencil icon. True, tis a small issue, but as I'm a visual person, it bugs me.

I'll apply your custom CSS code. Thank you.

Added:
That's much better IMO. Again, thank you!

[glennrocksvb]

Another alternative solution that keeps the pencil icon to the right is to add a little right margin to the icon to move it a little farther away from the scrollbars.

.ui-tooltip-profile-preview-noypiscripter .profile-preview-edit-user {
    margin: 0 10px 0 -10px;
}