From 312289d88a7ec467913aafef522a56cb0c07926b Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Thu, 31 Dec 2020 17:15:00 -0500
Subject: [PATCH] Updated ProfileHeader desktop header image sizing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• Updated:
- ProfileHeader desktop header image sizing
---
 app/javascript/gabsocial/components/profile_header.js | 9 ++++-----
 app/javascript/styles/global.css                      | 1 +
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/javascript/gabsocial/components/profile_header.js b/app/javascript/gabsocial/components/profile_header.js
index 32046db6..9aeb962d 100644
--- a/app/javascript/gabsocial/components/profile_header.js
+++ b/app/javascript/gabsocial/components/profile_header.js
@@ -145,7 +145,7 @@ class ProfileHeader extends ImmutablePureComponent {
     const headerSrc = !!account ? account.get('header') : undefined
     const headerMissing = !headerSrc ? true : headerSrc.indexOf(PLACEHOLDER_MISSING_HEADER_SRC) > -1
     const avatarSize = headerMissing ? 75 : 150
-    const top = headerMissing ? -46 : -380
+    const top = headerMissing ? -46 : -430
 
     const avatarContainerClasses = CX({
       d: 1,
@@ -281,10 +281,10 @@ class ProfileHeader extends ImmutablePureComponent {
           <Sticky top={top} enabled onStateChange={this.onStickyStateChange}>
             <div className={[_s.d, _s.z1, _s.w100PC, _s.aiCenter, _s.boxShadowBlock, _s.bgPrimary].join(' ')}>
 
-              <div className={[_s.d, _s.w1015PX].join(' ')}>
+              <div className={[_s.d, _s.w1255PX].join(' ')}>
                 {
                   !headerMissing &&
-                  <div className={[_s.d, _s.h350PX, _s.w100PC, _s.bottomRightRadiusSmall, _s.bottomLeftRadiusSmall, _s.overflowHidden].join(' ')}>
+                  <div className={[_s.d, _s.h400PX, _s.w100PC, _s.bottomRightRadiusSmall, _s.bottomLeftRadiusSmall, _s.overflowHidden].join(' ')}>
                     <Image
                       alt={intl.formatMessage(messages.headerPhoto)}
                       className={_s.h100PC}
@@ -298,7 +298,7 @@ class ProfileHeader extends ImmutablePureComponent {
                   <div className={[_s.d, _s.h20PX, _s.w100PC].join(' ')} />
                 }
 
-                <div className={[_s.d, _s.w100PC].join(' ')}>
+                <div className={[_s.d, _s.w1015PX, _s.mlAuto, _s.mrAuto].join(' ')}>
 
                   <div className={[_s.d, _s.flexRow, _s.pr15, _s.pl25, _s.mb5].join(' ')}>
                     <div className={avatarContainerClasses}>
@@ -323,7 +323,6 @@ class ProfileHeader extends ImmutablePureComponent {
                     </div>
                   </div>
 
-
                   <div className={[_s.d, _s.flexRow, _s.bgPrimary, _s.h53PX].join(' ')}>
                     <div className={tabBarContainerClasses}>
                       <TabBar tabs={tabs} isLarge />
diff --git a/app/javascript/styles/global.css b/app/javascript/styles/global.css
index 01a21f67..ed7fdfbd 100644
--- a/app/javascript/styles/global.css
+++ b/app/javascript/styles/global.css
@@ -560,6 +560,7 @@ pre {
 
 .h100VH { height: 100vh; }
 .h100PC { height: 100%; }
+.h400PX { height: 400px; }
 .h350PX { height: 350px; }
 .h260PX { height: 260px; }
 .h220PX { height: 220px; }