From c35349a6684cc2411912af4141d80faf6b8cea05 Mon Sep 17 00:00:00 2001
From: tobspr <tobias.springer1@googlemail.com>
Date: Mon, 20 Jun 2022 19:14:14 +0200
Subject: [PATCH] Fix css

---
 src/css/states/main_menu.scss | 16 ++++++++++++++++
 src/js/states/main_menu.js    |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/css/states/main_menu.scss b/src/css/states/main_menu.scss
index 6043365b..f0ca2644 100644
--- a/src/css/states/main_menu.scss
+++ b/src/css/states/main_menu.scss
@@ -965,6 +965,22 @@
                 @include S(margin-top, 3px);
                 overflow: hidden;
                 text-indent: -999em;
+                margin-top: auto;
+                &:hover {
+                    opacity: 0.95;
+                }
+            }
+            a.ssoSignOut {
+                width: 100%;
+                background: #171a23;
+                color: #fff !important;
+                display: flex;
+                align-items: center;
+                box-sizing: border-box;
+                justify-content: center;
+                margin-top: auto;
+                @include S(border-radius, $globalBorderRadius * 0.5);
+                @include S(padding, 1px, 3px);
                 &:hover {
                     opacity: 0.95;
                 }
diff --git a/src/js/states/main_menu.js b/src/js/states/main_menu.js
index f1a0de9a..ea215282 100644
--- a/src/js/states/main_menu.js
+++ b/src/js/states/main_menu.js
@@ -239,7 +239,7 @@ export class MainMenuState extends GameState {
                         WEB_STEAM_SSO_AUTHENTICATED
                             ? `
                             <div class="steamSso boxLink">${T.mainMenu.playingFullVersion}
-                                <a href="?sso_logout_silent">${T.mainMenu.logout}</a>
+                                <a class="ssoSignOut" href="?sso_logout_silent">${T.mainMenu.logout}</a>
                             </div>
                         `
                             : ""