From 7e0dec594f62e05dba4c1750fce179a89810aa49 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 24 May 2020 18:04:27 -0500
Subject: [PATCH] Floating action button CSS fixes

---
 app/styles/gabsocial/components.scss | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/app/styles/gabsocial/components.scss b/app/styles/gabsocial/components.scss
index 05a4d0511..57f6d6267 100644
--- a/app/styles/gabsocial/components.scss
+++ b/app/styles/gabsocial/components.scss
@@ -1526,24 +1526,35 @@ a.account__display-name {
 .floating-action-button {
   z-index: 1000;
   display: none;
-  @media screen and (max-width: 895px) {display: flex;}
   position: fixed;
   bottom: 14px;
   right: 14px;
   width: 61px;
   height: 61px;
   background-color: $nav-ui-highlight-color;
-  border: none;
+  border: 0;
   border-radius: 999px;
   box-shadow: 2px 5px 5px #999;
   font-size: 30px;
+  align-items: center;
+  justify-content: center;
+
+  @media screen and (max-width: 895px) {
+    display: flex;
+  }
+
   &:hover,
   &:focus,
-  &:active {background-color: darken($nav-ui-highlight-color, 10%) !important;}
-  
-  .fa-pencil {
-      margin-right: 0;
-      transform: translate(1px, 2px);
+  &:active {
+    background-color: darken($nav-ui-highlight-color, 10%) !important;
+  }
+
+  i.fa {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #fff;
+    margin: 0;
   }
 }