From 712846e8fe16daab164f467cb4812b729338fb44 Mon Sep 17 00:00:00 2001 From: Kazeem Adetunji Date: Thu, 4 Mar 2021 12:47:37 +0100 Subject: [PATCH 1/3] [#1142] Backbutton & search aligned --- .../pages/Inbox/ConversationListHeader/index.module.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss b/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss index 1076e9cb78..0c2d5411c1 100644 --- a/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss +++ b/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss @@ -19,7 +19,7 @@ flex-direction: row; align-items: stretch; justify-content: flex-start; - height: 100px; + height: 42px; width: 100%; animation-name: searchFieldAnimation; animation-duration: 500ms; @@ -77,5 +77,11 @@ margin-top: 7px; path { fill: var(--color-text-gray); + width: 22px; + height: 22px; + padding-top: 2px; + margin-right: 4px; + position: relative; + top: 8px; } } From 7ddcb0a2988bfd9d8e7ee5ab9c47b66b473cfa0d Mon Sep 17 00:00:00 2001 From: Kazeem Adetunji Date: Thu, 4 Mar 2021 13:01:21 +0100 Subject: [PATCH 2/3] run eslint --- .../ui/src/pages/Inbox/ConversationListHeader/index.module.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss b/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss index 0c2d5411c1..a788b74d18 100644 --- a/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss +++ b/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss @@ -75,6 +75,7 @@ .searchIcon { margin-top: 7px; + path { fill: var(--color-text-gray); width: 22px; From 5b1fbc612730622ff2abf72baeea33aaf3d96686 Mon Sep 17 00:00:00 2001 From: Kazeem Adetunji Date: Thu, 4 Mar 2021 13:45:09 +0100 Subject: [PATCH 3/3] Requested changes made --- .../Inbox/ConversationListHeader/index.module.scss | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss b/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss index a788b74d18..e81dd14cfa 100644 --- a/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss +++ b/frontend/ui/src/pages/Inbox/ConversationListHeader/index.module.scss @@ -74,15 +74,14 @@ } .searchIcon { - margin-top: 7px; + width: 22px; + height: 22px; + padding-top: 2px; + margin-right: 4px; + position: relative; + top: 8px; path { fill: var(--color-text-gray); - width: 22px; - height: 22px; - padding-top: 2px; - margin-right: 4px; - position: relative; - top: 8px; } }