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

@@ -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>

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;
       }
     }
   }