From b038b30ec6bb5b9cc44b714cfe6d2a3d4848f72f Mon Sep 17 00:00:00 2001
From: MrSandMan <has261115@gmail.com>
Date: Sun, 31 Jul 2022 11:07:31 +0300
Subject: [PATCH] Temporary loginOffline styles fixes

---
 app/assets/css/launcher.css | 66 +++++++++++++++++++++++++++++++++++++
 app/loginOffline.ejs        |  4 +--
 2 files changed, 68 insertions(+), 2 deletions(-)

diff --git a/app/assets/css/launcher.css b/app/assets/css/launcher.css
index 6bbfceb..ddd02e4 100644
--- a/app/assets/css/launcher.css
+++ b/app/assets/css/launcher.css
@@ -677,6 +677,72 @@ body, button {
     display: initial;
 }
 
+/* Login Offline button styles. */
+#loginOfflineButton {
+    background: none;
+    font-weight: bold;
+    letter-spacing: 2px;
+    border: none;
+    padding: 15px 5px;
+    margin: 10px 0px;
+    cursor: pointer;
+    position: relative;
+    right: -20px;
+    transition: 0.5s ease;
+}
+#loginOfflineutton:disabled {
+    color: rgba(255, 255, 255, 0.75);
+    pointer-events: none;
+}
+#loginOfflineButton[loading] {
+    color: #fff;
+}
+#loginOfflineButton:hover,
+#loginOfflineButton:focus {
+    text-shadow: 0px 0px 20px #fff;
+    outline: none;
+}
+#loginOfflineButton:active {
+    color: #c7c7c7;
+    text-shadow:  0px 0px 20px #c7c7c7;
+}
+#loginSVG {
+    -webkit-transform: translate3d(0, 0, 0);
+    overflow: visible;
+    transform: rotate(90deg);
+    margin-left: 20px;
+    transition: 0.25s ease;
+    width: 20px;
+    height: 20px;
+}
+#loginOfflineButton:hover #loginSVG,
+#loginOfflineButton:focus #loginSVG {
+    -webkit-filter: drop-shadow(0px 0px 2px #fff);
+}
+#loginOfflineButton:active #loginSVG .arrowLine {
+    stroke: #c7c7c7;
+}
+#loginOfflineButton:active #loginSVG {
+    -webkit-filter: drop-shadow(0px 0px 2px #c7c7c7);
+}
+#loginOfflineButton:disabled #loginSVG .arrowLine {
+    stroke: rgba(255, 255, 255, 0.75);
+}
+
+#loginOfflineButtonContent {
+    display: flex;
+    align-items: center;
+}
+
+#loginOfflineButton .circle-loader,
+#loginOfflineButton[loading] #loginSVG {
+    display: none;
+}
+#loginOfflineButton[loading] .circle-loader,
+#loginOfflineButton #loginSVG {
+    display: initial;
+}
+
 
 .circle-loader {
     margin-left: 20px;
diff --git a/app/loginOffline.ejs b/app/loginOffline.ejs
index 75c981a..06f6526 100644
--- a/app/loginOffline.ejs
+++ b/app/loginOffline.ejs
@@ -6,12 +6,12 @@
         </button>
     </div>
     <div id="loginContent">
-        <form id="loginForm">
+        <form id="loginForm" style="margin-top: 2.5em;">
             <span id="loginSubheader">OFFLINE LOGIN</span>
             <div class="loginFieldContainer">
                 <input id="loginOfflineUsername" class="loginField" type="text" placeholder="USERNAME"/>
             </div>
-            <button id="loginOfflineButton" enabled>
+            <button id="loginOfflineButton" class="loginButton" enabled>
                 <div id="loginOfflineButtonContent">
                     LOGIN
                     <svg id="loginSVG" viewBox="0 0 24.87 13.97">