From 717a2319b47d137a8108f1b49384a258ea2aab88 Mon Sep 17 00:00:00 2001
From: Technoboy10 <technoboy10@fake.email>
Date: Wed, 6 Jul 2016 14:16:08 -0400
Subject: [PATCH] remove button, use div instead

---
 src/views/teachers/landing/landing.jsx  | 3 +--
 src/views/teachers/landing/landing.scss | 5 +++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/views/teachers/landing/landing.jsx b/src/views/teachers/landing/landing.jsx
index a2957a7b9..e61973412 100644
--- a/src/views/teachers/landing/landing.jsx
+++ b/src/views/teachers/landing/landing.jsx
@@ -9,7 +9,6 @@ var Page = require('../../../components/page/www/page.jsx');
 var FlexRow = require('../../../components/flex-row/flex-row.jsx');
 var SubNavigation = require('../../../components/subnavigation/subnavigation.jsx');
 var TitleBanner = require('../../../components/title-banner/title-banner.jsx');
-var Button = require('../../../components/forms/button.jsx');
 
 require('./landing.scss');
 
@@ -142,7 +141,7 @@ var Landing = injectIntl(React.createClass({
                             <p>
                                 <FormattedHTMLMessage id="teacherlanding.accountsDescription" />
                             </p>
-                            <Button><FormattedMessage id="teacherlanding.accountsButton" /></Button>
+                            <div className="coming-soon"><FormattedMessage id="teacherlanding.accountsButton" /></div>
                         </div>
                         <img src="/images/teachers/teacher-account.png" alt="teacher account" id="teacher-icon"/>
                     </div>
diff --git a/src/views/teachers/landing/landing.scss b/src/views/teachers/landing/landing.scss
index bae13322f..5f43f11e2 100644
--- a/src/views/teachers/landing/landing.scss
+++ b/src/views/teachers/landing/landing.scss
@@ -230,17 +230,18 @@ $story-width: $cols3;
                 margin-bottom: 3.5rem;
             }
 
-            button {
+            .coming-soon {
                 border: 2px solid $ui-white;
                 border-radius: 50px;
                 box-shadow: none;
                 background-color: transparent;
-                cursor: default;
                 padding: 16px 16px;
                 width: $cols5 / 2;
+                text-align: center;
                 color: $ui-white;
                 font-size: 16px;
                 font-weight: 500;
+                box-sizing: border-box;
 
                 &:hover {
                     box-shadow: none;