From 492c48dcf880712d1745b5a050f020c340e17c7b Mon Sep 17 00:00:00 2001
From: vallode <18506096+vallode@users.noreply.github.com>
Date: Sat, 4 Jun 2022 23:38:12 +0200
Subject: [PATCH] Fix ft-input bug padding (#2287)

* Fix ft-input bug padding

* Fix non clear text inputs showing padding
---
 src/renderer/components/ft-input/ft-input.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/renderer/components/ft-input/ft-input.css b/src/renderer/components/ft-input/ft-input.css
index 2eac876e..4cd922c7 100644
--- a/src/renderer/components/ft-input/ft-input.css
+++ b/src/renderer/components/ft-input/ft-input.css
@@ -2,17 +2,22 @@
   position: relative;
 }
 
-.ft-input-component.showClearTextButton {
+.ft-input-component.search.showClearTextButton {
   padding-left: 30px;
 }
 
-.ft-input-component.clearTextButtonVisible,
-.ft-input-component.showClearTextButton:focus-within {
+.ft-input-component.search.clearTextButtonVisible,
+.ft-input-component.search.showClearTextButton:focus-within {
   padding-left: 0;
 }
 
-.clearTextButtonVisible .ft-input,
-.ft-input-component.showClearTextButton:focus-within .ft-input {
+.ft-input-component.showClearTextButton:not(.search) .ft-input {
+  padding-left: 46px;
+}
+
+/* Main search input */
+.clearTextButtonVisible.search .ft-input,
+.ft-input-component.search.showClearTextButton:focus-within .ft-input {
   padding-left: 46px;
 }