form tweaks

_src/_assets/styles/_page-getstarted.scss

@@ -7,8 +7,15 @@
 .section--firsttransaction {
     overflow: visible;
 
-    h4 {
-        margin-bottom: $spacer * 2.5;
+    .section-title {
+        font-size: $font-size-h3;
+        text-align: left;
+        margin-top: $spacer * 3;
+        margin-bottom: $spacer * 3;
+
+        &:after {
+            display: none;
+        }
     }
 }
 
@@ -16,11 +23,21 @@
     // mnml frm
     background: none;
     padding: 0;
+
+    min-height: 340px;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+
+    .form-group:first-child {
+        margin-top: 0;
+    }
 }
 
 .form--transaction__content {
     border: none;
     padding: 0;
+    width: 100%;
 }
 
 .waiting {

_src/_assets/styles/bigchain/_forms.scss

@@ -309,8 +309,8 @@ input[type='checkbox'] {
 .parsley-errors-list {
     @extend .list-unstyled;
     position: absolute;
-    left: 0;
-    bottom: 0;
+    right: 0;
+    bottom: $spacer * 1.2;
     font-size: $font-size-xs;
 
     &,

_src/_data/getstarted.yml

@@ -8,7 +8,7 @@ firsttransaction:
     message:
         label: "Type a message"
         button: "Off you go"
-        request: "A transaction can contain a digital asset along with a message. Type something to be sent along the asset."
+        request: "A transaction can contain a digital asset along with a message. Type something above to be sent along the asset."
         response: "Nicely done! You have just created an asset, sent it along in a signed transaction and retrieved the result of that transaction. Phew."
 
 

_src/getstarted.html

@@ -24,11 +24,10 @@ redirect_from:
     </aside>
 
     <div class="row row--wide">
-        <h4>{{ content.firsttransaction.title }}</h4>
+        <h1 class="section-title">{{ content.firsttransaction.title }}</h1>
 
         <div class="grid grid--full grid-small--half grid--gutters">
             <div class="grid__col">
-                <p class="message alert alert--info">{{ content.firsttransaction.message.request }}</p>
 
                 <form id="form-transaction" class="form form--transaction js-parsley">
                     <fieldset class="form--transaction__content">
@@ -38,6 +37,8 @@ redirect_from:
                             <label class="form-label" for="message">{{ content.firsttransaction.message.label }}</label>
                         </p>
 
+                        <p class="message alert alert--info">{{ content.firsttransaction.message.request }}</p>
+
                         <button class="btn btn-primary" id="post" disabled>{{ content.firsttransaction.message.button }}</button>
                     </fieldset>