From d16042310b9e9cdd44aba607d759c2ef52bfac51 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Thu, 13 May 2021 21:45:05 -0400
Subject: [PATCH] Fixup header styling

---
 src/views/studio/l10n.json           | 3 ++-
 src/views/studio/studio-activity.jsx | 4 +++-
 src/views/studio/studio-curators.jsx | 4 +++-
 src/views/studio/studio-managers.jsx | 4 +++-
 src/views/studio/studio.scss         | 6 +++---
 5 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/views/studio/l10n.json b/src/views/studio/l10n.json
index 34aced74e..b772d1bbe 100644
--- a/src/views/studio/l10n.json
+++ b/src/views/studio/l10n.json
@@ -43,7 +43,8 @@
     "studio.sharedFilter": "Shared",
     "studio.favoritedFilter": "Favorited",
     "studio.recentFilter": "Recent",
-    
+
+    "studio.activityHeader": "Activity",
     "studio.activityAddProjectToStudio": "{profileLink} added the project {projectLink}",
     "studio.activityRemoveProjectStudio": "{profileLink} removed the project {projectLink}",
     "studio.activityUpdateStudio": "{profileLink} made edits to the title, thumbnail, or description",
diff --git a/src/views/studio/studio-activity.jsx b/src/views/studio/studio-activity.jsx
index f84d59074..519dbb2d5 100644
--- a/src/views/studio/studio-activity.jsx
+++ b/src/views/studio/studio-activity.jsx
@@ -177,7 +177,9 @@ const StudioActivity = ({items, loading, error, moreToLoad, onLoadMore}) => {
 
     return (
         <div className="studio-activity">
-            <h2>Activity</h2>
+            <div className="studio-header-container">
+                <h2><FormattedMessage id="studio.activityHeader" /></h2>
+            </div>
             {loading && <div>Loading...</div>}
             {error && <Debug
                 label="Error"
diff --git a/src/views/studio/studio-curators.jsx b/src/views/studio/studio-curators.jsx
index c2608b021..089eb5549 100644
--- a/src/views/studio/studio-curators.jsx
+++ b/src/views/studio/studio-curators.jsx
@@ -20,7 +20,9 @@ const StudioCurators = ({
     }, []);
 
     return (<div className="studio-members">
-        <h2><FormattedMessage id="studio.curatorsHeader" /></h2>
+        <div className="studio-header-container">
+            <h2><FormattedMessage id="studio.curatorsHeader" /></h2>
+        </div>
         {canInviteCurators && <CuratorInviter />}
         {showCuratorInvite && <CuratorInvite />}
         {error && <Debug
diff --git a/src/views/studio/studio-managers.jsx b/src/views/studio/studio-managers.jsx
index 064e173b5..b4d4b260e 100644
--- a/src/views/studio/studio-managers.jsx
+++ b/src/views/studio/studio-managers.jsx
@@ -17,7 +17,9 @@ const StudioManagers = ({items, error, loading, moreToLoad, onLoadMore}) => {
 
     return (
         <div className="studio-members">
-            <h2><FormattedMessage id="studio.managersHeader" /></h2>
+            <div className="studio-header-container">
+                <h2><FormattedMessage id="studio.managersHeader" /></h2>
+            </div>
             {error && <Debug
                 label="Error"
                 data={error}
diff --git a/src/views/studio/studio.scss b/src/views/studio/studio.scss
index 32d3beec5..69b8dfd21 100644
--- a/src/views/studio/studio.scss
+++ b/src/views/studio/studio.scss
@@ -272,12 +272,12 @@ $radius: 8px;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
-    padding-top: 30px;
-    padding-bottom: 30px;
+    padding-top: 20px;
+    padding-bottom: 10px;
 }
 
 .studio-compose-container {
-    padding-top: 20px;
+    padding-top: 8px;
 }
 
 .studio-empty {