From 43a6e26a36dd73fcccd6613ef9f6018b68f0da7e Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 22 Sep 2021 00:16:05 -0500
Subject: [PATCH] SidebarMenu: update X icon, caret, and plus

---
 app/soapbox/components/icon_button.js   | Bin 5035 -> 5046 bytes
 app/soapbox/components/sidebar_menu.js  | Bin 13600 -> 13773 bytes
 app/styles/components/sidebar-menu.scss |  25 +++++++++++++-----------
 3 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/app/soapbox/components/icon_button.js b/app/soapbox/components/icon_button.js
index e858dbcbef071080be75d71964ea2c282eaf9aa3..ee73673708a9d945d39e0c3906e24a1343e8bea9 100644
GIT binary patch
delta 23
ecmZ3jzD<2YG%r_CvVy%rb*+Mx!saO6KsEqg1_ucM

delta 20
ccmdm{zFK`lH1Fi=g2I#E2#Rj*<JDjT09TO*cK`qY

diff --git a/app/soapbox/components/sidebar_menu.js b/app/soapbox/components/sidebar_menu.js
index a42cc45c1e29e30d7d1a9291bdd4ee66dd6ccbca..d320815a1541b798b064db17a16e652150129e25 100644
GIT binary patch
delta 134
zcmZ3GbvAp$Yl+Dp6qPtC^oq;U)irA;H_AzD=9gT=2oz=IE-ue3NzO<uQm|K;>>wvA
zn4DOYTB2K808y-9g)EwqU!I3BL~`;x33jgdc(4w21^vkd+9I1jNJ)dtRbnp4DV^M?
Lo3gn;W`hI(kA^Oq

delta 94
zcmX?`y&!ADYYCpr<orBa^^(lo)ME9?i3$>%btM-uYGkI^Ru`9NmLzAS7Ae>(s3#{D
rrIzTH7N{#&!8j@T<$3Cp4K;-~mrBbsasqXz7vz){t8YFi!y^d*Sd1VY

diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss
index 16e7065575..b69e22db6e 100644
--- a/app/styles/components/sidebar-menu.scss
+++ b/app/styles/components/sidebar-menu.scss
@@ -84,16 +84,16 @@
 
 .sidebar-menu__close {
   position: absolute;
-  top: 22px;
+  top: 16px;
   right: 18px;
 
-  i.fa {
-    font-size: 20px;
-  }
-
   .svg-icon {
-    width: 20px;
-    height: 20px;
+    width: 32px;
+    height: 32px;
+
+    svg {
+      stroke-width: 1px;
+    }
   }
 }
 
@@ -122,11 +122,14 @@
       margin-top: 2px;
       color: var(--primary-text-color--faint);
     }
+  }
 
-    i.fa-caret-up,
-    i.fa-caret-down {
-      margin-left: auto;
-      padding-left: 10px;
+  &__caret {
+    margin-left: auto;
+    padding-left: 10px;
+
+    svg {
+      stroke-width: 1px;
     }
   }
 }