user_profile: Properly center icon for copying URLs.

This commit is contained in:
Karl Stolley 2024-07-30 16:45:49 -05:00 committed by Tim Abbott
parent 4ae16b7568
commit 0831636050
1 changed files with 9 additions and 2 deletions

View File

@ -178,6 +178,8 @@
.custom-user-url-field {
display: flex;
/* Maintain space between URL and copy icon. */
gap: 3px;
overflow: hidden;
.custom-profile-fields-link {
@ -187,13 +189,18 @@
}
.copy-custom-field-url {
/* Don't flex; preserve 20px space for icon. */
flex: 0 0 20px;
/* Make button a flex item to center icon. */
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 0;
padding: 0;
#clipboard_image {
/* Adjust margin to align the copy icon */
margin: -2px 0 0 6px;
margin: 0;
&:hover path {
fill: hsl(204deg 100% 40%);