[#907] Translate auth error message on login

with @anikarni

1 files changed, 39 insertions, 0 deletions

diff --git a/web-ui/src/login/app.scss b/web-ui/src/login/app.scss
index 76390cb7..f971750f 100644
--- a/web-ui/src/login/app.scss
+++ b/web-ui/src/login/app.scss
@@ -15,16 +15,55 @@
  * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
  */
 
+
+.error {
+  color: #D72A25;
+  margin: 10px 0 0 0;
+}
+
+.login {
+  display: block;
+  width: 90%;
+  margin: auto;
+  max-width: 400px;
+  padding: 2em 0;
+  margin-top: 3%;
+  margin-bottom: 3%;
+  background-color: #FFF;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
 #login_form {
   padding: 20px 0;
+  width: 70%;
 
   .input-field-group {
     width: 100%;
   }
+
+  .submit-button {
+    width: 100%;
+  }
+}
+
+.logo {
+  width: 70%;
 }
 
 @media only screen and (min-width : 500px) {
   #login_form .input-field-group {
     margin-top: 1em;
   }
+
+  .login {
+    width: 60%;
+  }
+}
+
+@media only screen and (min-width : 960px) {
+  .login {
+    width: 40%;
+  }
 }