fixes #309, hover card glitching on detailed status

app/soapbox/features/status/components/detailed_status.js

@@ -185,8 +185,8 @@ export default class DetailedStatus extends ImmutablePureComponent {
                   <Avatar account={status.get('account')} size={48} />
                 </div>
               </NavLink>
-              <DisplayName account={status.get('account')}>
-                <NavLink to={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} className='floating-link' />
+              <DisplayName account={status.get('account')} className='floating-link'>
+                <NavLink to={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} />
               </DisplayName>
             </div>
             { profileCardVisible &&

app/styles/components/detailed-status.scss

@@ -102,6 +102,7 @@
   line-height: 24px;
   margin-bottom: 15px;
   overflow: hidden;
+  cursor: pointer;
 
   strong,
   span {

app/styles/components/profile_hover_card.scss

@@ -113,8 +113,7 @@
 
 .detailed-status {
   .profile-hover-card {
-    top: 0;
-    left: 60px;
+    top: 30px;
   }
 }