From 412a487e06e0023fbfddbcc71d2afd30c5be4d6d Mon Sep 17 00:00:00 2001
From: merelendor <merelendor@gmail.com>
Date: Wed, 15 May 2024 21:54:11 +0300
Subject: [PATCH] preapproval CSS hotfix

---
 .../preapproval/templates/.default/script.js  | 23 +++++++++++++++----
 local/templates/evolution/css/forms/style.css |  3 ++-
 .../templates/evolution/css/forms/style.less  |  3 ++-
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/local/components/evolution/preapproval/templates/.default/script.js b/local/components/evolution/preapproval/templates/.default/script.js
index 39f78dc..2d81998 100644
--- a/local/components/evolution/preapproval/templates/.default/script.js
+++ b/local/components/evolution/preapproval/templates/.default/script.js
@@ -130,7 +130,14 @@ function preapproval_form_check_errors()
 
 		setTimeout(function()
 		{
-			$("#preapproval_block").css("width", "100px");
+			if(window.innerWidth > 540)
+			{
+				$("#preapproval_block").css("width", "500px");
+			}
+			else
+			{
+				$("#preapproval_block").css("width", "100px");
+			}
 			$("#preapproval_block_span_wrapper").css("margin-left", "-500px");
 			$(".span_animate_out").removeClass("span_animate_out").addClass("span_hidden");
 		}, 2000);
@@ -139,7 +146,7 @@ function preapproval_form_check_errors()
 	{
 		setTimeout(function()
 		{
-			$("#preapproval_block").css("width", "100px");
+			$("#preapproval_block").css("width", "300px");
 		}, 2000);
 	}
 
@@ -168,8 +175,16 @@ function preapproval_form_check_errors()
 	{
 		setTimeout(function()
 		{
-			$("#preapproval_block").css("width", "100px");
-			$(wrap).find(".block_open").css("width", "100px");
+			if(window.innerWidth > 540)
+			{
+				$("#preapproval_block").css("width", "300px");
+				$(wrap).find(".block_open").css("width", "300px");
+			}
+			else
+			{
+				$("#preapproval_block").css("width", "100px");
+				$(wrap).find(".block_open").css("width", "100px");
+			}
 		}, 2000);	
 	});
 
diff --git a/local/templates/evolution/css/forms/style.css b/local/templates/evolution/css/forms/style.css
index 4aea453..8cf6705 100644
--- a/local/templates/evolution/css/forms/style.css
+++ b/local/templates/evolution/css/forms/style.css
@@ -732,12 +732,13 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 100px;
+  width: 60px;
   height: 60px;
   border-radius: 100%;
   box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16);
   background: var(--blue);
   position: relative;
+  min-width: 60px;
 }
 @media all and (max-width: 768px) {
   #preapproval_block .block_open i {
diff --git a/local/templates/evolution/css/forms/style.less b/local/templates/evolution/css/forms/style.less
index cb2b512..ae506d6 100644
--- a/local/templates/evolution/css/forms/style.less
+++ b/local/templates/evolution/css/forms/style.less
@@ -870,12 +870,13 @@
             display: flex;
             align-items: center;
             justify-content: center;
-            width: 100px;
+            width: 60px;
             height: 60px;
             border-radius: 100%;
             box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16);
             background: var(--blue);
             position: relative;
+			min-width: 60px;
 
 			@media all and (max-width: 768px) {
 				flex: none;