From e998f4e529df3c71f0794f030664087e0c4c396b Mon Sep 17 00:00:00 2001
From: soup <soup@r4tio.dev>
Date: Mon, 10 Apr 2023 14:40:23 +0200
Subject: [PATCH] fix(web): RegexField add padding (#812)

added conditional padding to regexfield

added a conditional pr-10 if useRegex=true to make the right side of the field remain visible when the icons are present

Co-authored-by: martylukyy <35452459+martylukyy@users.noreply.github.com>
---
 web/src/components/inputs/input.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/web/src/components/inputs/input.tsx b/web/src/components/inputs/input.tsx
index a3c8a78..552b06a 100644
--- a/web/src/components/inputs/input.tsx
+++ b/web/src/components/inputs/input.tsx
@@ -202,6 +202,9 @@ export const RegexField = ({
                 disabled
                   ? "bg-gray-100 dark:bg-gray-700 cursor-not-allowed"
                   : "dark:bg-gray-800",
+                useRegex
+                  ? "pr-10"
+                  : "",
                 "mt-2 block w-full dark:text-gray-100 rounded-md"
               )}
               disabled={disabled}