Merge pull request #5152 from withspectrum/fix-like-button

Fix like buttons and thread zindexes

Author: brianlovin

src/components/threadLikes/style.js

@@ -17,7 +17,6 @@ export const LikeButtonWrapper = styled(Button)`
   overflow: hidden;
   padding: 0;
   padding-left: 16px;
-  pointer-events: none;
 
   div + span {
     margin: 0;
@@ -49,6 +48,7 @@ export const LikeCountWrapper = styled.div`
   margin-right: 12px;
   color: ${props =>
     props.active ? props.theme.text.reverse : props.theme.text.alt};
+  pointer-events: none;
 
   ${CurrentCount} {
     margin-left: 4px;

src/views/thread/style.js

@@ -145,6 +145,7 @@ export const ThreadWrapper = styled(FlexCol)`
   /* manually nudge up 60px to cover the sliding header in the thread view */
   top: -68px;
   margin-bottom: -68px;
+  z-index: 3;
 
   ${props =>
     props.isEditing &&
@@ -906,4 +907,6 @@ export const BylineContainer = styled.div`
   margin-left: -16px;
   margin-right: -16px;
   margin-top: -16px;
+  position: relative;
+  z-index: 1000;
 `;