diff --git a/frontend/src/styles/core.scss b/frontend/src/styles/core.scss index 4ad87a4aa..c274c3fb6 100644 --- a/frontend/src/styles/core.scss +++ b/frontend/src/styles/core.scss @@ -414,11 +414,6 @@ key { top: 0.5em; } -.friendsBubble { - right: 0.5em; - top: 0.5em; -} - #fpsCounter { position: fixed; left: 0; diff --git a/frontend/src/styles/nav.scss b/frontend/src/styles/nav.scss index cdfb49e83..295c31582 100644 --- a/frontend/src/styles/nav.scss +++ b/frontend/src/styles/nav.scss @@ -191,7 +191,8 @@ nav { border-radius: var(--roundness); gap: 0.25em; - * { + a, + button { justify-content: left; padding-left: 0; border-radius: 0; @@ -210,6 +211,18 @@ nav { border-radius: var(--roundness); } } + + & .goToFriends { + display: grid; + grid-template-columns: auto 1fr auto; + text-align: left; + .friendsBubble { + margin-right: 0.5em; + position: unset; + box-shadow: 0 0 0 0.5em var(--sub-alt-color); + display: block; + } + } } } &:hover,