improved remix and studio row

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 {

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 {

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>

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>