VAN-405: Redesign social auth provider component (#236)

src/_style.scss

@@ -63,7 +63,6 @@ $apple-focus-black: $apple-black;
 .btn-social {
   display: flex;
   flex-direction: row;
-  justify-content: flex-start;
   align-items: center;
 
   margin-bottom: 1rem;
@@ -97,10 +96,6 @@ $apple-focus-black: $apple-black;
 }
 
 .tpa-container {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-
   margin: 0 !important;
 }
 
@@ -306,13 +301,11 @@ $apple-focus-black: $apple-black;
 
 @media (max-width: 600px) {
   .btn-social {
-    width: 47%;
+    width: 100%;
     margin-bottom: 0.75rem;
+    margin-right: 0 !important;
   }
 
-  .tpa-container {
-    justify-content: center;
-  }
   .form-control {
     width: 100%;
   }

src/common-components/SocialAuthProviders.jsx

@@ -29,7 +29,7 @@ function SocialAuthProviders(props) {
       onClick={handleSubmit}
     >
       {provider.iconImage ? (
-        <div className="ml-auto" aria-hidden="true">
+        <div aria-hidden="true">
           <img className="icon-image" src={provider.iconImage} alt={`icon ${provider.name}`} />
         </div>
       )

src/common-components/tests/__snapshots__/SocialAuthProviders.test.jsx.snap

@@ -101,7 +101,6 @@ Array [
   >
     <div
       aria-hidden="true"
-      className="ml-auto"
     >
       <img
         alt="icon Apple"
@@ -131,7 +130,6 @@ Array [
   >
     <div
       aria-hidden="true"
-      className="ml-auto"
     >
       <img
         alt="icon Facebook"

src/login/tests/__snapshots__/LoginPage.test.jsx.snap

@@ -171,7 +171,6 @@ exports[`LoginPage should match TPA provider snapshot 1`] = `
         >
           <div
             aria-hidden="true"
-            className="ml-auto"
           >
             <img
               alt="icon Apple"

src/register/tests/__snapshots__/RegistrationPage.test.jsx.snap

@@ -1541,7 +1541,6 @@ exports[`RegistrationPageTests should match TPA provider snapshot 1`] = `
           >
             <div
               aria-hidden="true"
-              className="ml-auto"
             >
               <img
                 alt="icon Apple"