From 99ee41e6b65b4f16927d9be49df07c2aec5469e6 Mon Sep 17 00:00:00 2001
From: Andrea Lepori <alepori@student.ethz.ch>
Date: Wed, 18 May 2022 17:57:36 +0200
Subject: improve modal size on phone screens

---
 templates/registration/base_admin.html  | 7 +++++++
 templates/registration/base_client.html | 7 +++++++
 2 files changed, 14 insertions(+)

(limited to 'templates')

diff --git a/templates/registration/base_admin.html b/templates/registration/base_admin.html
index ad07775..94742fa 100644
--- a/templates/registration/base_admin.html
+++ b/templates/registration/base_admin.html
@@ -71,6 +71,13 @@
     blockquote {
       border-left: 5px solid {{hexcolor}};
     }
+
+  @media only screen and (max-width: 992px) {
+   .modal {
+     width: 95% !important;
+     max-height: 90% !important;
+   }
+  }
   </style>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <meta charset="utf-8">
diff --git a/templates/registration/base_client.html b/templates/registration/base_client.html
index ea2eb6a..18b7868 100644
--- a/templates/registration/base_client.html
+++ b/templates/registration/base_client.html
@@ -92,6 +92,13 @@
    .breadcrumb:last-child {
      color: {{hexcolor}}
    }
+
+  @media only screen and (max-width: 992px) {
+   .modal {
+     width: 95% !important;
+     max-height: 90% !important;
+   }
+  }
   </style>
   <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
   <meta charset="utf-8">
-- 
cgit v1.2.1