From 016bb0194840eb4f7261c743f2eb3f536b9b038d Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 12 May 2018 11:09:59 -0700
Subject: [PATCH] Tweak header block spacing

---
 app/components/Sidebar/Main.js                   |  1 +
 app/components/Sidebar/components/HeaderBlock.js | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/components/Sidebar/Main.js b/app/components/Sidebar/Main.js
index 8c00488fa..8c6db43da 100644
--- a/app/components/Sidebar/Main.js
+++ b/app/components/Sidebar/Main.js
@@ -48,6 +48,7 @@ class MainSidebar extends React.Component<Props> {
               subheading={user.name}
               teamName={team.name}
               logoUrl={team.avatarUrl}
+              showDisclosure
             />
           }
         />
diff --git a/app/components/Sidebar/components/HeaderBlock.js b/app/components/Sidebar/components/HeaderBlock.js
index 94077ad19..0d9f416f8 100644
--- a/app/components/Sidebar/components/HeaderBlock.js
+++ b/app/components/Sidebar/components/HeaderBlock.js
@@ -9,16 +9,24 @@ import TeamLogo from './TeamLogo';
 type Props = {
   teamName: string,
   subheading: string,
+  showDisclosure?: boolean,
   logoUrl: string,
 };
 
-function HeaderBlock({ teamName, subheading, logoUrl, ...rest }: Props) {
+function HeaderBlock({
+  showDisclosure,
+  teamName,
+  subheading,
+  logoUrl,
+  ...rest
+}: Props) {
   return (
     <Header justify="flex-start" align="center" {...rest}>
       <TeamLogo src={logoUrl} />
       <Flex align="flex-start" column>
-        <TeamName>
-          {teamName} <StyledExpandedIcon color={color.text} />
+        <TeamName showDisclosure>
+          {teamName}{' '}
+          {showDisclosure && <StyledExpandedIcon color={color.text} />}
         </TeamName>
         <Subheading>{subheading}</Subheading>
       </Flex>
@@ -42,6 +50,7 @@ const Subheading = styled.div`
 
 const TeamName = styled.div`
   padding-left: 10px;
+  margin-top: ${props => (props.showDisclosure ? '-8px' : '0')};
   font-weight: 600;
   color: ${color.text};
   text-decoration: none;