diff options
author | TrueKuehli <rctcoaster2000@hotmail.de> | 2018-09-30 20:21:22 +0200 |
---|---|---|
committer | TrueKuehli <rctcoaster2000@hotmail.de> | 2018-09-30 20:21:22 +0200 |
commit | 67af10e2e629c131c1aa0655a57c6c15073c48bd (patch) | |
tree | b094f05221c8d56a3f33281336253254e5c8cab1 /WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss | |
parent | f3de85c77706e33b5072dd4b491ff76fdfebccd6 (diff) |
Fixed an issue where the join button would separate from the player count
This caused alignment problems and didn't look great. Now they're in a non-breaking container.
Diffstat (limited to 'WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss')
-rw-r--r-- | WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss | 54 |
1 files changed, 30 insertions, 24 deletions
diff --git a/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss b/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss index 2efb73b..7e67178 100644 --- a/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss +++ b/WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss @@ -60,35 +60,41 @@ margin: 0.5rem 0; } - .player-count { - font-family: 'Roboto Condensed', sans-serif; - } + .right-aligned-items { + margin-left: auto; + white-space: nowrap; + display: flex; + align-items: center; - .player-count-static { - @media (max-width: 1000px) { - display: none; + .player-count-dot { + background-color: $online-green; + border-radius: 50%; + min-width: 1rem; + min-height: 1rem; + width: 1rem; + height: 1rem; + margin-right: 0.25rem; } - white-space: nowrap; - margin-left: 0.25rem; - letter-spacing: 0; - font-family: 'Roboto Condensed', sans-serif; - } + .player-count { + font-family: 'Roboto Condensed', sans-serif; + } - .player-count-dot { - background-color: $online-green; - border-radius: 50%; - min-width: 1rem; - min-height: 1rem; - width: 1rem; - height: 1rem; - margin-left: auto; - margin-right: 0.25rem; - } + .player-count-static { + @media (max-width: 1000px) { + display: none; + } - .join-btn { - margin-left: 0.5rem; - min-width: 12rem; + white-space: nowrap; + margin-left: 0.25rem; + letter-spacing: 0; + font-family: 'Roboto Condensed', sans-serif; + } + + .join-btn { + margin-left: 0.5rem; + min-width: 12rem; + } } } } |