From 236afbeb4fffe59079d4209e66697284837112b4 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Mon, 8 Apr 2019 09:51:42 +0200
Subject: [PATCH] style for mobile

---
 client/src/components/PasswordReset.vue | 2 +-
 client/src/pages/passwordReset.vue      | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/src/components/PasswordReset.vue b/client/src/components/PasswordReset.vue
index f3258e27..4c2641eb 100644
--- a/client/src/components/PasswordReset.vue
+++ b/client/src/components/PasswordReset.vue
@@ -61,7 +61,7 @@
   .reset-form {
     width: 50%;
 
-    @media screen and (max-width: 480px) {
+    @media screen and (max-width: 1024px) {
       width: 100%;
     }
   }
diff --git a/client/src/pages/passwordReset.vue b/client/src/pages/passwordReset.vue
index bdd5e3be..ef578ed8 100644
--- a/client/src/pages/passwordReset.vue
+++ b/client/src/pages/passwordReset.vue
@@ -73,4 +73,13 @@
 <style scoped lang="scss">
   @import "@/styles/_variables.scss";
 
+  .password-reset {
+    padding: $medium-spacing;
+
+    @media screen and (max-width: 1024px) {
+      max-width: 640px;
+      margin: 0 auto;
+    }
+  }
+
 </style>