Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
#friends-module .friends-items { display: flex; flex-wrap: wrap; gap: .75em; justify-content: center; }
#friends-module .friends-items:has(+ hr) { padding-bottom: .75em }
#friends-module .friends-item { margin: 0; }
#friends-module .friends-link {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: var(--theme-link-color, #006cb0);
padding: .5em;
border-radius: 6px;
transition:
background-color 0.2s;
width: 5em;
text-align: center;
}
#friends-module .friends-link:hover { background-color: var(--fandom-secondary-color--hover, #f8f9fa); }
#friends-module .friends-avatar { width: 3em; height: 3em; border-radius: 50%; object-fit: cover; margin-bottom: 6px; }
#friends-module .friends-username { font-size: .75em; word-wrap: break-word; line-height: 1.2; }
#friends-module .friends-empty { color: var(--fandom-text-color--secondary, #666); font-style: italic; margin: 0; text-align: center; }
#friends-module .friends-empty-container { padding: .75em; }
#friends-module .friends-action-container { padding-top: .75em; text-align: center; }