From c44742e66823ddaa7b448d6c24bf3cfd56e0b743 Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Mon, 3 Oct 2016 16:04:19 -0400
Subject: [PATCH] Slight content edits to hoc page

updates the studio links, and also fixes a link issue for the dance activity. Thanks @jwzimmer!
---
 src/views/hoc/hoc.jsx  | 24 ++++--------------------
 src/views/hoc/hoc.scss |  7 +++++--
 2 files changed, 9 insertions(+), 22 deletions(-)

diff --git a/src/views/hoc/hoc.jsx b/src/views/hoc/hoc.jsx
index 89230e1fb..2b2594833 100644
--- a/src/views/hoc/hoc.jsx
+++ b/src/views/hoc/hoc.jsx
@@ -217,7 +217,7 @@ var Hoc = React.createClass({
                                 </div>
 
                                 <div className="flex-row-card">
-                                    <a href="//projects/editor/?tip_bar=dance">
+                                    <a href="/projects/editor/?tip_bar=dance">
                                         <div className="flex-row-card-info">
                                             <img className="flex-row-card-info-img"
                                                  src="/images/hoc/dance-tutorial.jpg"
@@ -241,7 +241,7 @@ var Hoc = React.createClass({
                                  </p>
                             </div>
 
-                            <FlexRow>
+                            <FlexRow className="mod-studio">
                                 <div className="hoc-section-studio">
                                     <img className="hoc-section-studio-img"
                                          src="/svgs/studio.svg"
@@ -255,22 +255,6 @@ var Hoc = React.createClass({
                                     </div>
                                 </div>
 
-                            
-                                <div className="hoc-section-studio">
-                                    <img className="hoc-section-studio-img"
-                                         src="/svgs/studio.svg"
-                                         alt="" />
-                                    <div className="hoc-section-studio-info">
-                                        <a href="/studios/1672166/">
-                                            <h5 className="hoc-section-studio-info-header">
-                                                <FormattedMessage id='hoc.studioWeBareBears' />
-                                            </h5>
-                                        </a>
-                                    </div>
-                                </div>
-                            </FlexRow>
-
-                            <FlexRow>
                                 <div className="hoc-section-studio">
                                     <img className="hoc-section-studio-img"
                                          src="/svgs/studio.svg"
@@ -289,9 +273,9 @@ var Hoc = React.createClass({
                                          src="/svgs/studio.svg"
                                          alt="" />
                                     <div className="hoc-section-studio-info">
-                                        <a href="/studios/1672164/">
+                                        <a href="/studios/2050750/">
                                             <h5 className="hoc-section-studio-info-header">
-                                                <FormattedMessage id='hoc.studioAlice' />
+                                                <FormattedMessage id='hoc.tipsMakeItFlyTitle' />
                                             </h5>
                                         </a>
                                     </div>
diff --git a/src/views/hoc/hoc.scss b/src/views/hoc/hoc.scss
index f6b098ab6..43b9b4f22 100644
--- a/src/views/hoc/hoc.scss
+++ b/src/views/hoc/hoc.scss
@@ -126,8 +126,11 @@ $base-bg: $ui-white;
     line-height: inherit;
 }
 
+.flex-row.mod-studio {
+    justify-content: space-between;
+}
+
 .hoc-section-studio {
-    width: 50%;
     align-items: center;
 }
 
@@ -137,7 +140,7 @@ $base-bg: $ui-white;
 
 .hoc-section-studio-info-header {
     margin: 8px 0;
-    width: 200px;
+    width: 150px;
     color: $ui-blue;
     font-weight: 500;
 }