From ce4f54473d7a019310411fb660f6673b26eefcf9 Mon Sep 17 00:00:00 2001
From: uzairr <uzairr@yahoo.com>
Date: Mon, 4 Jan 2021 12:55:56 +0500
Subject: [PATCH] fix spinner position in safari

---
 src/logistration/LoginPage.jsx                         |  2 +-
 src/logistration/_style.scss                           |  4 ----
 .../tests/__snapshots__/LoginPage.test.jsx.snap        | 10 +++++-----
 src/reset-password/Spinner.jsx                         |  4 ++--
 .../__snapshots__/ResetPasswordPage.test.jsx.snap      |  4 ++--
 5 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/src/logistration/LoginPage.jsx b/src/logistration/LoginPage.jsx
index 74c7b07e..06f631c4 100644
--- a/src/logistration/LoginPage.jsx
+++ b/src/logistration/LoginPage.jsx
@@ -217,7 +217,7 @@ class LoginPage extends React.Component {
                 </div>
                 <LoginHelpLinks page={LOGIN_PAGE} />
                 <a className="field-link mt-0" href={this.getEnterPriseLoginURL()}>
-                  {intl.formatMessage(messages['logistration.enterprise.login.help.message'])}
+                  {intl.formatMessage(messages['logistration.enterprise.login.link.text'])}
                 </a>
               </div>
               <StatefulButton
diff --git a/src/logistration/_style.scss b/src/logistration/_style.scss
index cf8c28da..5c4b8679 100644
--- a/src/logistration/_style.scss
+++ b/src/logistration/_style.scss
@@ -223,10 +223,6 @@ $apple-focus-black: $apple-black;
   color: $red;
 }
 
-.no-inset{
-    inset: 0;
-}
-
 .full-vertical-height{
     height: 100vh;
 }
diff --git a/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap b/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
index d565cde8..959bd9e0 100644
--- a/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
+++ b/src/logistration/tests/__snapshots__/LoginPage.test.jsx.snap
@@ -155,7 +155,7 @@ exports[`LoginPage should match TPA provider snapshot 1`] = `
           className="field-link mt-0"
           href="http://localhost:18000/enterprise/login"
         >
-          !!! Missing message supplied to intl.formatMessage !!!
+          Sign in with your company or school
         </a>
       </div>
       <button
@@ -366,7 +366,7 @@ exports[`LoginPage should match default section snapshot 1`] = `
           className="field-link mt-0"
           href="http://localhost:18000/enterprise/login"
         >
-          !!! Missing message supplied to intl.formatMessage !!!
+          Sign in with your company or school
         </a>
       </div>
       <button
@@ -543,7 +543,7 @@ exports[`LoginPage should match forget password alert message snapshot 1`] = `
           className="field-link mt-0"
           href="http://localhost:18000/enterprise/login"
         >
-          !!! Missing message supplied to intl.formatMessage !!!
+          Sign in with your company or school
         </a>
       </div>
       <button
@@ -720,7 +720,7 @@ exports[`LoginPage should match pending button state snapshot 1`] = `
           className="field-link mt-0"
           href="http://localhost:18000/enterprise/login"
         >
-          !!! Missing message supplied to intl.formatMessage !!!
+          Sign in with your company or school
         </a>
       </div>
       <button
@@ -923,7 +923,7 @@ exports[`LoginPage should show error message 1`] = `
           className="field-link mt-0"
           href="http://localhost:18000/enterprise/login"
         >
-          !!! Missing message supplied to intl.formatMessage !!!
+          Sign in with your company or school
         </a>
       </div>
       <button
diff --git a/src/reset-password/Spinner.jsx b/src/reset-password/Spinner.jsx
index 05707f46..2a66c0cf 100644
--- a/src/reset-password/Spinner.jsx
+++ b/src/reset-password/Spinner.jsx
@@ -2,8 +2,8 @@ import React from 'react';
 import { Spinner as ParagonSpinner } from '@edx/paragon';
 
 const Spinner = () => (
-  <div className="position-absolute no-inset">
-    <div className="d-flex justify-content-center align-items-center full-vertical-height">
+  <div className="container position-absolute h-100">
+    <div className="d-flex justify-content-center align-items-center h-100">
       <ParagonSpinner animation="border" variant="primary" />
     </div>
   </div>
diff --git a/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap b/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
index 00ce8887..86c275bf 100644
--- a/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
+++ b/src/reset-password/tests/__snapshots__/ResetPasswordPage.test.jsx.snap
@@ -488,10 +488,10 @@ Array [
 
 exports[`ResetPasswordPage show spinner component during token validation 1`] = `
 <div
-  className="position-absolute no-inset"
+  className="container position-absolute h-100"
 >
   <div
-    className="d-flex justify-content-center align-items-center full-vertical-height"
+    className="d-flex justify-content-center align-items-center h-100"
   >
     <div
       className="spinner-border text-primary"