Adjust getting started button

Author: jamesfredley

assets/stylesheets/screen.css

@@ -561,6 +561,10 @@ body.gorm .mainheader {
 	background-color: gray;/*#feb672;*/
 }
 
+.get-started-row .calltoaction h2 {
+    background-color: #255aa8;
+}
+
 .headerbar,
 #features {
 	background-color: #255AA8;
@@ -1058,7 +1062,6 @@ article.quote h2 {
 	position: relative;
 	display: block;
 	justify-content: center;
-	padding-bottom: 2em;
 }
 
 .testimonials {
@@ -1101,7 +1104,6 @@ article.quote h2 {
 	}
 	.get-started-row {
 		display: flex;
-		top: -2em; /* This is super ugly, but the .calltoaction h2 has margins on it which we need to compensate for */
 	}
 
 	.mainheader {

pages/index.html

@@ -4,6 +4,15 @@
 <div class="homebar">
     <div class="content">
         <h1>A powerful Groovy-based web application framework for the JVM built on top of Spring Boot</h1>
+        <div class="get-started-row">
+            <div class="calltoaction">
+                <h2>
+                    <a href="https://start.grails.org/">
+                        <span class="version">Get Started</span>
+                    </a>
+                </h2>
+            </div>
+        </div>
         <div class="calltoactions">
             <div class="calltoaction">
                 <b>Read the docs</b>
@@ -38,12 +47,6 @@ <h2>
         </div>
         <div class="get-started-row">
             <div class="calltoaction">
-                <h2>
-                    <a href="https://start.grails.org/">
-                        <span class="version">Get Started</span>
-                    </a>
-                </h2>
-
                 <span class="allversions">NOTE: Versions prior to 7.0.0-M4 are not ASF releases. Links to those releases are provided here as a convenience.</span>
             </div>
         </div>