From 8e1600e179749b7f7ef0f00a1a83ab3d69aa9019 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 13 Oct 2021 12:20:54 -0500
Subject: [PATCH] AccountHeader: improve style of DropdownMenu, use Tabler icon

---
 app/soapbox/features/account/components/header.js | 2 +-
 app/styles/components/account-header.scss         | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/soapbox/features/account/components/header.js b/app/soapbox/features/account/components/header.js
index ac6b12b04..4904b7e77 100644
--- a/app/soapbox/features/account/components/header.js
+++ b/app/soapbox/features/account/components/header.js
@@ -396,7 +396,7 @@ class Header extends ImmutablePureComponent {
 
             <div className='account__header__extra__buttons'>
               <ActionButton account={account} />
-              {me && <DropdownMenuContainer items={menu} icon='ellipsis-v' size={24} direction='right' />}
+              {me && <DropdownMenuContainer items={menu} src={require('@tabler/icons/icons/dots-vertical.svg')} direction='right' />}
             </div>
 
           </div>
diff --git a/app/styles/components/account-header.scss b/app/styles/components/account-header.scss
index e84ea8915..ce35cf302 100644
--- a/app/styles/components/account-header.scss
+++ b/app/styles/components/account-header.scss
@@ -197,12 +197,13 @@
 
       .icon-button {
         border: 1px solid var(--brand-color--med);
-        border-radius: 4px;
+        border-radius: 999px;
         box-sizing: content-box;
-        padding: 2px;
+        padding: 7px;
 
-        > div {
-          line-height: 31px !important;
+        .svg-icon {
+          width: 20px;
+          height: 20px;
         }
       }