Stabilize workplace login styling

addons/mcs_corporate_website/__manifest__.py

@@ -29,7 +29,6 @@
     ],
     "assets": {
         "web.assets_frontend": [
-            "mcs_corporate_website/static/src/js/login_page.js",
             "mcs_corporate_website/static/src/scss/corporate_website.scss",
         ],
     },

addons/mcs_corporate_website/static/src/js/login_page.js

@@ -1,7 +0,0 @@
-/** @odoo-module **/
-
-document.addEventListener("DOMContentLoaded", () => {
-    if (document.querySelector('form[action="/web/login"]')) {
-        document.body.classList.add("mcs-login-page");
-    }
-});

addons/mcs_corporate_website/static/src/scss/corporate_website.scss

@@ -820,48 +820,38 @@
     padding: 12px 14px;
 }
 
-body.mcs-login-page {
+.oe_login_form {
-    background: #F6F7F9;
-
-    #wrapwrap {
-        min-height: 100vh;
-        background:
-            linear-gradient(90deg, #101114 0%, #101114 48%, #F6F7F9 48%, #F6F7F9 100%);
-    }
-
-    main {
-        min-height: calc(100vh - 76px);
-        display: grid;
-        place-items: center;
-        padding: 48px 24px;
-    }
-
-    main::before {
-        content: "Your workplace. Connected.\\A Attendance, support and collaboration in one place.";
-        white-space: pre-line;
-        position: fixed;
-        left: 8vw;
-        top: 38vh;
-        max-width: 440px;
-        color: #fff;
-        font-size: 3.1rem;
-        line-height: 1.05;
-        font-weight: 820;
-        letter-spacing: 0;
-    }
-
-    form[action="/web/login"] {
     width: min(430px, 100%);
-        margin-left: 42vw;
     padding: 34px;
     border: 1px solid #E6E8EC;
     border-radius: 14px;
     background: #fff;
     box-shadow: 0 24px 70px rgba(17, 24, 39, 0.14);
 
+    &::before {
+        content: "Metatroncube Workplace";
+        display: block;
+        margin-bottom: 18px;
+        color: #17181B;
+        font-size: 1.5rem;
+        line-height: 1.1;
+        font-weight: 800;
+        letter-spacing: 0;
+    }
+
+    &::after {
+        content: "Employee Access  |  Customer Support Access";
+        display: block;
+        margin-top: 18px;
+        color: #6B7280;
+        font-size: 0.84rem;
+        text-align: center;
+    }
+
     .form-control {
         min-height: 46px;
         border-radius: 10px;
+        border-color: #E6E8EC;
     }
 
     .btn-primary {
@@ -873,26 +863,6 @@ body.mcs-login-page {
         font-weight: 800;
     }
 }
-}
-
-@media (max-width: 991.98px) {
-    body.mcs-login-page {
-        #wrapwrap {
-            background: #F6F7F9;
-        }
-
-        main::before {
-            position: static;
-            color: #17181B;
-            font-size: 2.2rem;
-            margin-bottom: 22px;
-        }
-
-        form[action="/web/login"] {
-            margin-left: 0;
-        }
-    }
-}
 
 .mcs-timeline {
     display: grid;