From 0e3ff9201e8479935f928c05ed6b11ae1c086e00 Mon Sep 17 00:00:00 2001
From: Ilion Beyst <ilion.beyst@gmail.com>
Date: Tue, 29 Mar 2022 23:38:14 +0200
Subject: add responsive css rule to account forms

---
 web/pw-server/src/styles/account_forms.scss | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'web/pw-server/src/styles')

diff --git a/web/pw-server/src/styles/account_forms.scss b/web/pw-server/src/styles/account_forms.scss
index 36cc96b..5aa590d 100644
--- a/web/pw-server/src/styles/account_forms.scss
+++ b/web/pw-server/src/styles/account_forms.scss
@@ -1,7 +1,8 @@
 .page-card {
   margin: 50px auto;
-  width: 40%;
-  max-width: 600px;
+  max-width: 520px;
+  min-width: 400px;
+  width: 80%;
   border: 1px solid #b5b5b5;
   box-sizing: border-box;
   border-radius: 0px;
@@ -50,3 +51,14 @@
   margin-top: 16px;
   cursor: pointer;
 }
+
+@media screen and (max-width: 480px) {
+  .page-card {
+    width: 90%;
+    min-width: 0;
+  }
+
+  .page-card-content {
+    margin: 20px 5px;
+  }
+}
-- 
cgit v1.2.3