Commit c44742e6 authored by Matthew Taylor's avatar Matthew Taylor

Slight content edits to hoc page

updates the studio links, and also fixes a link issue for the dance activity. Thanks @jwzimmer!
parent d3452ad2
...@@ -217,7 +217,7 @@ var Hoc = React.createClass({ ...@@ -217,7 +217,7 @@ var Hoc = React.createClass({
</div> </div>
<div className="flex-row-card"> <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"> <div className="flex-row-card-info">
<img className="flex-row-card-info-img" <img className="flex-row-card-info-img"
src="/images/hoc/dance-tutorial.jpg" src="/images/hoc/dance-tutorial.jpg"
...@@ -241,7 +241,7 @@ var Hoc = React.createClass({ ...@@ -241,7 +241,7 @@ var Hoc = React.createClass({
</p> </p>
</div> </div>
<FlexRow> <FlexRow className="mod-studio">
<div className="hoc-section-studio"> <div className="hoc-section-studio">
<img className="hoc-section-studio-img" <img className="hoc-section-studio-img"
src="/svgs/studio.svg" src="/svgs/studio.svg"
...@@ -255,22 +255,6 @@ var Hoc = React.createClass({ ...@@ -255,22 +255,6 @@ var Hoc = React.createClass({
</div> </div>
</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"> <div className="hoc-section-studio">
<img className="hoc-section-studio-img" <img className="hoc-section-studio-img"
src="/svgs/studio.svg" src="/svgs/studio.svg"
...@@ -289,9 +273,9 @@ var Hoc = React.createClass({ ...@@ -289,9 +273,9 @@ var Hoc = React.createClass({
src="/svgs/studio.svg" src="/svgs/studio.svg"
alt="" /> alt="" />
<div className="hoc-section-studio-info"> <div className="hoc-section-studio-info">
<a href="/studios/1672164/"> <a href="/studios/2050750/">
<h5 className="hoc-section-studio-info-header"> <h5 className="hoc-section-studio-info-header">
<FormattedMessage id='hoc.studioAlice' /> <FormattedMessage id='hoc.tipsMakeItFlyTitle' />
</h5> </h5>
</a> </a>
</div> </div>
......
...@@ -126,8 +126,11 @@ $base-bg: $ui-white; ...@@ -126,8 +126,11 @@ $base-bg: $ui-white;
line-height: inherit; line-height: inherit;
} }
.flex-row.mod-studio {
justify-content: space-between;
}
.hoc-section-studio { .hoc-section-studio {
width: 50%;
align-items: center; align-items: center;
} }
...@@ -137,7 +140,7 @@ $base-bg: $ui-white; ...@@ -137,7 +140,7 @@ $base-bg: $ui-white;
.hoc-section-studio-info-header { .hoc-section-studio-info-header {
margin: 8px 0; margin: 8px 0;
width: 200px; width: 150px;
color: $ui-blue; color: $ui-blue;
font-weight: 500; font-weight: 500;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment