From 7bf4e52724d38a967ff9e540d930b0c7afad388e Mon Sep 17 00:00:00 2001 From: Thomas Date: Fri, 13 Nov 2020 12:14:48 -0800 Subject: [PATCH 1/2] Move add contact button in fullscreen/expanded view. Fixes #9868 Move the add contact button that is overlapping (x)/close setting icon lower, on the same line as Contacts in fullscreen/expanded view. --- ui/app/pages/settings/contact-list-tab/index.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/ui/app/pages/settings/contact-list-tab/index.scss b/ui/app/pages/settings/contact-list-tab/index.scss index f15b9c48529c..c188e59ad486 100644 --- a/ui/app/pages/settings/contact-list-tab/index.scss +++ b/ui/app/pages/settings/contact-list-tab/index.scss @@ -220,8 +220,13 @@ .address-book-add-button { &__button { + + @media screen and (max-width: 576px) { + top: 10px; + } + position: absolute; - top: 10px; + top: 80px; right: 16px; height: 56px; width: 56px; From c0c38b4e03b625c3d7a0ce21f597a9ac5b03d8e1 Mon Sep 17 00:00:00 2001 From: Thomas Date: Fri, 13 Nov 2020 12:37:59 -0800 Subject: [PATCH 2/2] Lint --- ui/app/pages/settings/contact-list-tab/index.scss | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/ui/app/pages/settings/contact-list-tab/index.scss b/ui/app/pages/settings/contact-list-tab/index.scss index c188e59ad486..aef7c208cf4e 100644 --- a/ui/app/pages/settings/contact-list-tab/index.scss +++ b/ui/app/pages/settings/contact-list-tab/index.scss @@ -220,11 +220,6 @@ .address-book-add-button { &__button { - - @media screen and (max-width: 576px) { - top: 10px; - } - position: absolute; top: 80px; right: 16px; @@ -240,6 +235,10 @@ margin-right: 5px; cursor: pointer; box-shadow: 0 2px 16px rgba(0, 0, 0, 0.25); + + @media screen and (max-width: 576px) { + top: 10px; + } } }