From fbbbc9b81ae6ff8ca97185abcb36e93a323e65d8 Mon Sep 17 00:00:00 2001
From: Thibaut Girka <thib@sitedethib.com>
Date: Wed, 19 Jun 2019 15:41:17 +0200
Subject: port glitch-soc@`38d2882` to monsterfork: Fix NavigationBar styling

---
 .../features/compose/components/navigation_bar.js  | 26 ++++++++++++----------
 1 file changed, 14 insertions(+), 12 deletions(-)

(limited to 'app/javascript/flavours/glitch/features/compose')

diff --git a/app/javascript/flavours/glitch/features/compose/components/navigation_bar.js b/app/javascript/flavours/glitch/features/compose/components/navigation_bar.js
index 5faf2b509..8dea6f5b4 100644
--- a/app/javascript/flavours/glitch/features/compose/components/navigation_bar.js
+++ b/app/javascript/flavours/glitch/features/compose/components/navigation_bar.js
@@ -20,20 +20,22 @@ export default class NavigationBar extends ImmutablePureComponent {
           <Avatar account={this.props.account} size={48} />
         </Permalink>
 
-        <Permalink className='acct' href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}>
-          <strong>@{this.props.account.get('acct')}</strong>
-        </Permalink>
+        <div className='navigation-bar__profile'>
+          <Permalink className='acct' href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}>
+            <strong>@{this.props.account.get('acct')}</strong>
+          </Permalink>
 
-        { profileLink !== undefined && (
-          <a
-            className='edit'
-            href={ profileLink }
-          ><FormattedMessage id='navigation_bar.edit_profile' defaultMessage='Edit profile' /></a>
-        )}
+          { profileLink !== undefined && (
+            <a
+              className='edit'
+              href={ profileLink }
+            ><FormattedMessage id='navigation_bar.edit_profile' defaultMessage='Edit profile' /></a>
+          )}
 
-        <Permalink className='drafts' href='/tags/self.draft' to='/timelines/tag/self.draft'>
-          <FormattedMessage id='navigation_bar.drafts' defaultMessage='Show drafts' />
-        </Permalink>
+          <Permalink className='drafts' href='/tags/self.draft' to='/timelines/tag/self.draft'>
+            <FormattedMessage id='navigation_bar.drafts' defaultMessage='Show drafts' />
+          </Permalink>
+        </div>
       </div>
     );
   };
-- 
cgit