From 79e80aea543618e89874c19aa6b71feedbac873e Mon Sep 17 00:00:00 2001
From: Linda <lifaythegoblin@googlemail.com>
Date: Fri, 24 Aug 2018 09:05:08 -0400
Subject: [PATCH] improved remix and studio row

---
 src/components/thumbnailcolumn/thumbnailcolumn.scss |  7 ++-----
 src/views/preview/preview.scss                      | 10 +++++++++-
 src/views/preview/remix-list.jsx                    |  4 ++--
 src/views/preview/studio-list.jsx                   |  6 +++---
 4 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/components/thumbnailcolumn/thumbnailcolumn.scss b/src/components/thumbnailcolumn/thumbnailcolumn.scss
index d9e619b0c..4e0dbba70 100644
--- a/src/components/thumbnailcolumn/thumbnailcolumn.scss
+++ b/src/components/thumbnailcolumn/thumbnailcolumn.scss
@@ -16,11 +16,8 @@
 
     .thumbnail {
         margin: 7px;
-        // adding the following commented lines to thumbnail-image
-        // border-radius: 4px;
-        // box-shadow: 0 0 0 1px $active-gray;
-        // background-color: $ui-white;
-        padding-bottom: 4px;
+        // unnecessary:
+        // padding-bottom: 4px;
         width: $thumbnail-width;
 
         .thumbnail-image {
diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss
index 8aefd8ead..7674facab 100644
--- a/src/views/preview/preview.scss
+++ b/src/views/preview/preview.scss
@@ -486,8 +486,16 @@ $stage-width: 480px;
     .studio-list {
         flex-direction: column;
 
+        h2 {
+          align-self: flex-start;
+          margin-left: 1rem;
+          font-size: 1.2rem;
+          font-weight: bold;
+        }
+
         .project {
-            margin-bottom: 1.5rem;
+            // not necessary: 
+            // margin-bottom: 1.5rem;
         }
 
         .creator-image img {
diff --git a/src/views/preview/remix-list.jsx b/src/views/preview/remix-list.jsx
index a207d8cbe..14e7d1353 100644
--- a/src/views/preview/remix-list.jsx
+++ b/src/views/preview/remix-list.jsx
@@ -9,9 +9,9 @@ const RemixList = props => {
     if (remixes.length === 0) return null;
     return (
         <FlexRow className="remix-list">
-            <div className="project-title">
+            <h2>
                 Remixes
-            </div>
+            </h2>
             {remixes.length === 0 ? (
                 // TODO: style remix invitation
                 <span>Invite user to remix</span>
diff --git a/src/views/preview/studio-list.jsx b/src/views/preview/studio-list.jsx
index 89998980b..bdacd576e 100644
--- a/src/views/preview/studio-list.jsx
+++ b/src/views/preview/studio-list.jsx
@@ -8,10 +8,10 @@ const StudioList = props => {
     const studios = props.studios;
     if (studios.length === 0) return null;
     return (
-        <FlexRow className="remix-list">
-            <div className="project-title">
+        <FlexRow className="studio-list">
+            <h2>
                 Studios
-            </div>
+            </h2>
             {studios.length === 0 ? (
                 // TODO: style remix invitation
                 <span>Invite user to add to studio</span>