[#907] Makes login compatible with other broswers

with @thaissiqueira

2 files changed, 5 insertions, 2 deletions

diff --git a/web-ui/src/login/app.js b/web-ui/src/login/app.js
index 3c0fdf79..3259f7b5 100644
--- a/web-ui/src/login/app.js
+++ b/web-ui/src/login/app.js
@@ -43,7 +43,7 @@ export const App = ({ t, authError, error }) => (
       alt='Pixelated logo'
     />
     {rightPanel(t, error)}
-    <form className='standard' id='login_form' action='/login' method='post'>
+    <form className='standard' id='login_form' action='/login' method='post' noValidate >
       {errorMessage(t, authError)}
       <InputField name='username' label={t('login.email')} />
       <InputField type='password' name='password' label={t('login.password')} />
diff --git a/web-ui/src/login/app.scss b/web-ui/src/login/app.scss
index 8fa07027..32e3b979 100644
--- a/web-ui/src/login/app.scss
+++ b/web-ui/src/login/app.scss
@@ -84,8 +84,11 @@
       content: '';
       height: 22em;
       position: absolute;
-      box-shadow: 0px 0px 0px 0.3px $medium_light_grey;
+      margin-top: inherit;
+      top: 2.5em;
       left: 50%;
+      border: 1px solid $lighter_gray;
+      transform: scaleX(0.5);
     }
   }