border radius fixes

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

@@ -189,7 +189,9 @@ export default class DetailedStatus extends ImmutablePureComponent {
                 <NavLink to={`/@${status.getIn(['account', 'acct'])}`} title={status.getIn(['account', 'acct'])} className='floating-link' />
               </DisplayName>
             </div>
-            <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
+            { profileCardVisible &&
+              <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
+            }
           </div>
 
           {status.get('group') && (

app/styles/application.scss

@@ -27,6 +27,7 @@
 @import 'dyslexic';
 @import 'demetricator';
 @import 'pro';
+@import 'overflow_hacks';
 
 // COMPONENTS
 @import 'components/buttons';

app/styles/components/account-header.scss

@@ -201,7 +201,7 @@
   @media screen and (max-width: 895px) {
     .account-mobile-container {
       display: block;
-      background: var(--accent-color--faint);
+      background: var(--background-color);
       margin-top: 10px;
       position: relative;
       padding: 10px 10px 0;

app/styles/overflow_hacks.scss

@@ -0,0 +1,16 @@
+// This is a file dedicated to fixing the css we broke by introducing the hover
+// card and `overflow:visible` on drawer.scss line 23. If we ever figure out how
+// to pop the hover card out while keeping `overflow:hidden`, feel free to delete
+// this entire file.
+
+button.column-header__button.active {
+  border-radius: 0 10px 0 0;
+}
+
+.column-back-button.column-back-button--slim-button {
+  border-radius: 0 10px 0 0;
+}
+
+.detailed-status__wrapper .detailed-status__action-bar {
+  border-radius: 0;
+}