From 67af10e2e629c131c1aa0655a57c6c15073c48bd Mon Sep 17 00:00:00 2001
From: TrueKuehli <rctcoaster2000@hotmail.de>
Date: Sun, 30 Sep 2018 20:21:22 +0200
Subject: 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.
---
 .../partials/front-layer/_server-listing.scss      | 54 ++++++++++++----------
 1 file changed, 30 insertions(+), 24 deletions(-)

(limited to 'WebInterface/NodeJSServer/src/style/partials/front-layer/_server-listing.scss')

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;
+          }
         }
       }
     }
-- 
cgit v1.2.3-54-g00ecf