From f934b45d2f92a1453c81542ce5372a0cf2952e4f Mon Sep 17 00:00:00 2001
From: Joe <33972521+hnb-ku@users.noreply.github.com>
Date: Sat, 14 Apr 2018 00:57:45 -0700
Subject: [PATCH] FIX: align, adjust z-index value for topic reply button

2 things have changed on desktop:

A- the way the topic reply icon is aligned:

Before:
https://image.ibb.co/kEYxRn/before1.png

After:
https://image.ibb.co/foAcRn/after1.png

B- The z-index value to prevent overlap over select-kit drop-down

Before:
https://image.ibb.co/curHRn/before2.png

After:
https://image.ibb.co/dXYaCS/after2.png
---
 desktop/desktop.scss | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/desktop/desktop.scss b/desktop/desktop.scss
index fc2f950..c622d57 100644
--- a/desktop/desktop.scss
+++ b/desktop/desktop.scss
@@ -179,30 +179,31 @@ button#new-account-link {
 }
 
 .widget-button.btn.create {
-  border-radius: 40px;
+  border-radius: 50%;
   position: absolute;
   top: 50px;
   left: -18px;
-  z-index: 999;
-  padding: 24px 20px 22px 5px;
+  z-index: 300;
   background-color: $tertiary;
-  color: white;
-  text-indent: 10px;
+  color: $header-primary;
   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
   -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
   box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
   overflow: hidden;
-  width: 63px;
-  height: 63px;
-  -webkit-transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, -webkit-transform .5s;
-  transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, transform .5s;
+  width: 60px;
+  height: 60px;
+  -webkit-transition: right 0.5s, bottom 0.5s, border-radius 0.5s,
+    text-indent 0.2s, visibility 1s, width 0.2s ease, height 0.5s ease 0.4s,
+    color 0.5s, background-color 2s, -webkit-transform 0.5s;
+  transition: right 0.5s, bottom 0.5s, border-radius 0.5s, text-indent 0.2s,
+    visibility 1s, width 0.2s ease, height 0.5s ease 0.4s, color 0.5s,
+    background-color 2s, transform 0.5s;
 }
 
-//Center and increase size of reply icon
+//Increase size of reply icon
 .widget-button.btn.create .fa-reply {
   color: white;
   font-size: 20px;
-  margin-left: -8px;
 }
 
 //Proper spacing for iPad portrait