From 078a4b00a7c512ba9ee2c9f9f47d104a53e8aeb6 Mon Sep 17 00:00:00 2001
From: Stefanie Fluin <sjtrimble@gmail.com>
Date: Tue, 6 Jun 2017 10:20:40 -0700
Subject: [PATCH] fix(aio): fix button alignment and jump

- Fix alignment on get started button on home page
- Remove jump by removing arrow from learn more button on home page
---
 aio/content/marketing/index.html                |  2 +-
 aio/src/styles/1-layouts/_marketing-layout.scss | 15 +++++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/aio/content/marketing/index.html b/aio/content/marketing/index.html
index 0886474317..50cc3ea405 100755
--- a/aio/content/marketing/index.html
+++ b/aio/content/marketing/index.html
@@ -35,7 +35,7 @@
         <img src="assets/images/logos/angular/angular-banner-logo-grey.png" width="64"/>
         <p>Angular v4.0 is out! Smaller, faster, no biggie...</p>
         <button class="button">
-          <a href="http://angularjs.blogspot.com/2017/03/angular-400-now-available.html" target="_blank">Learn More</a><span class="material-icons">arrow_forward</span>
+          <a href="http://angularjs.blogspot.com/2017/03/angular-400-now-available.html" target="_blank">Learn More</a>
         </button>
       </div>
     </div>
diff --git a/aio/src/styles/1-layouts/_marketing-layout.scss b/aio/src/styles/1-layouts/_marketing-layout.scss
index e571161c3b..5c48a254f0 100644
--- a/aio/src/styles/1-layouts/_marketing-layout.scss
+++ b/aio/src/styles/1-layouts/_marketing-layout.scss
@@ -57,7 +57,7 @@ section#intro {
 
     button {
       margin: 0;
-      display: inline-block;
+      height: 60px;
     }
   }
 
@@ -146,16 +146,10 @@ section#intro {
     cursor: pointer;
     display: flex;
     align-items: center;
-    height: 30px;
+    height: 40px;
     justify-content: center;
 
     &:hover {
-      .material-icons {
-        display: inline-block;
-        color: $white;
-        opacity: 0.7;
-      }
-
       a {
         color: $white;
         opacity: 0.7;
@@ -247,7 +241,8 @@ section#intro {
 
 button.hero-cta {
   border-radius: 48px;
-  display: block;
+  display: flex;
+  height: 40px;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
   cursor: pointer;
 
@@ -280,7 +275,7 @@ aio-shell {
       padding: 32px;
 
       @media (max-width: 800px) {
-        padding: auto;
+        padding: 24px;
       }
     }
   }