From b9153b8866e728b648c9ac57611324ad00b5dbf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sun, 31 Oct 2021 21:51:56 +0100
Subject: [PATCH] Improve search input on aliases/list editor pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../features/aliases/components/search.js     | Bin 2549 -> 2528 bytes
 .../features/list_editor/components/search.js | Bin 2542 -> 2521 bytes
 app/styles/components/aliases.scss            |  11 ++++-------
 app/styles/components/list-forms.scss         |   4 ++--
 app/styles/components/search.scss             |   4 ++--
 5 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/app/soapbox/features/aliases/components/search.js b/app/soapbox/features/aliases/components/search.js
index 1416b03904ae0a73b88bd826549677c657d19772..4230639446261178dc01c1f43db857bdae4e75b5 100644
GIT binary patch
delta 90
zcmew={6KiaY7V2~qGa3ZqSV6D%%W5cb%&C~q@2_u{mkV2ykaPsl$e}dT#%TYs#jc=
euC7@-nUm8)Tph^P1*y{2h0Ck!C`=CITmk?T_aKk}

delta 92
zcmaDL{8f0vY7Xwq6kGM;)Wo9X4E4!;oZ>ds3W>=jnPsU~3W^zt#bJp#rKt+Fnzai0
mc3cW@VB?vbpQixQT9TQYTCAI#S(KcUsy_KHhsR_a&Lse4OdV7J

diff --git a/app/soapbox/features/list_editor/components/search.js b/app/soapbox/features/list_editor/components/search.js
index 0f300a6e3474725b1445be67afbae12384fcc558..c3d88374541cbfa694605468c0ea7d056ee7b775 100644
GIT binary patch
delta 105
zcmaDSd{cPC5)RwqqGa3ZqSV6D%%W5cb%&C~q@2_u{mkV2ykaPsl$e}dT#%TYs#jc=
tuC7_DkXV$NsGF0Rl$ta7BfHvUV@`2#b)b|kNRzHET)DcA!elSbB>+6nCKCVv

delta 91
zcmca9{7!ho5)R$W6kGM;)Wo9X40VO%oW$Z{zr@^B+iEzoSfg4YF}WnOEY(Uuak4$9
mgrtIkjc0Oxo&rc`NoH<pv2Jo^QF2bI`s8aI9+OQumjD3dP9N|9

diff --git a/app/styles/components/aliases.scss b/app/styles/components/aliases.scss
index a9888a85bd..b5906289db 100644
--- a/app/styles/components/aliases.scss
+++ b/app/styles/components/aliases.scss
@@ -18,24 +18,21 @@
     }
   }
 
-  &_search {
+  &_search.search {
     display: flex;
+    align-items: center;
     flex-direction: row;
-    margin: 10px;
+    border-bottom: none;
 
     .search__input {
       padding: 7px 30px 6px 10px;
+      background: none;
     }
 
     > label {
       flex: 1 1;
     }
 
-    > .search__icon .fa {
-      top: 8px;
-      right: 102px !important;
-    }
-
     > .button {
       width: 80px;
       margin-left: 10px;
diff --git a/app/styles/components/list-forms.scss b/app/styles/components/list-forms.scss
index 0212ebd1f8..bc784fd31f 100644
--- a/app/styles/components/list-forms.scss
+++ b/app/styles/components/list-forms.scss
@@ -39,8 +39,8 @@
       flex: 1 1;
     }
 
-    > .search__icon .fa {
-      right: 102px !important;
+    > .search__icon {
+      position: relative;
     }
 
     > .button {
diff --git a/app/styles/components/search.scss b/app/styles/components/search.scss
index d7f7282579..57b8eb3636 100644
--- a/app/styles/components/search.scss
+++ b/app/styles/components/search.scss
@@ -183,8 +183,8 @@
     padding: 12px 36px 12px 16px;
   }
 
-  .search__icon .svg-icon {
-    right: 24px;
+  .search__icon {
+    position: relative;
   }
 }