From a18af8562c85496c97392f08bae0cbf237b80aef Mon Sep 17 00:00:00 2001
From: plebbitor <mottoes_recap0u@icloud.com>
Date: Tue, 14 Mar 2023 11:23:59 +0100
Subject: [PATCH] improved captcha modal design

---
 src/components/CaptchaModal.jsx | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/src/components/CaptchaModal.jsx b/src/components/CaptchaModal.jsx
index 9a8a57a5..98dd1c48 100644
--- a/src/components/CaptchaModal.jsx
+++ b/src/components/CaptchaModal.jsx
@@ -4,20 +4,10 @@ import Modal from 'react-modal';
 import styled from 'styled-components';
 
 const StyledModal = styled(Modal)`
-  @media (min-width: 480px) {
-    .modal-content {
-      width: 450px;
-      height: 300px;
-    }
-  }
 
-  @media (max-width: 480px) {
-    .modal-content {
-      width: 90%;
-      height: 40%;
-    }
-  }
   .modal-content {
+    width: 400px;
+    height: 300px;
     display: flex;
     align-self: center;
     flex-direction: column;
@@ -40,21 +30,21 @@ const StyledModal = styled(Modal)`
   }
 
   img {
-    width: 80%;
+    width: 300px;
     height: 100px;
     object-fit: contain;
   }
 
   .challenge {
     font-size: 12pt;
-    margin-bottom: 30px;
+    margin-bottom: 40px;
     font-weight: 700;
     color: #fff;
   }
 
   input {
     margin-top: 30px;
-    width: 70%;
+    width: 300px;
     padding: 2px;
     border: 1px solid #ccc;
     font-family: monospace;