Fix next button placement with new messages UI

src/app/messages/messages.component.html

@@ -2,9 +2,6 @@
      All Rights Reserved. See LICENSE file for details.     -->
 
 <div class="tfw-messages-main">
-  <div class="tfw-grid-messages-header">
-    <div class="tao-grid-center-right"><button *ngIf="showNextButton" (click)="stepFSM()" class="tao-btn-rainbow">Next</button></div>
-  </div>
   <div class="tfw-grid-message"
        *ngFor="let message of messages.slice(); let last = last"
        [class.highlighted-message]="last">
@@ -20,4 +17,11 @@
       <div class="jumping-circle" id="jc2"></div>
       <div class="jumping-circle" id="jc3"></div>
     </div>
+  <div class="tfw-next-button">
+    <button *ngIf="showNextButton"
+            (click)="stepFSM()"
+            class="tao-btn-rainbow">
+            Next
+    </button>
+  </div>
 </div>