From 302b7dd731e15cc324945fcb0e460f5ea5ccaeb5 Mon Sep 17 00:00:00 2001
From: Thomas Huang <tmashuang@users.noreply.github.com>
Date: Mon, 16 Nov 2020 12:07:48 -0800
Subject: [PATCH] Move add contact button in fullscreen/expanded view lower.
 (#9883)

* 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 | 6 +++++-
 1 file changed, 5 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 f15b9c485..aef7c208c 100644
--- a/ui/app/pages/settings/contact-list-tab/index.scss
+++ b/ui/app/pages/settings/contact-list-tab/index.scss
@@ -221,7 +221,7 @@
 .address-book-add-button {
   &__button {
     position: absolute;
-    top: 10px;
+    top: 80px;
     right: 16px;
     height: 56px;
     width: 56px;
@@ -235,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;
+    }
   }
 }