added help component, improved prediction with model templates

src/app/samples/samples.component.html

@@ -105,18 +105,21 @@
           </ng-container>
         </div>
       </div>
-
-      <rb-icon-button icon="forward-right" mode="primary" (click)="loadSamples({firstPage: true})">
-        Apply filters
-      </rb-icon-button>
     </form>
+
+    <rb-icon-button icon="forward-right" mode="primary" (click)="loadSamples({firstPage: true})">
+      Apply filters
+    </rb-icon-button>
   </rb-accordion-body>
 </rb-accordion>
 
 
 <ng-container *ngTemplateOutlet="paging"></ng-container>
 
-<rb-loading-spinner class="samples-loading" *ngIf="loading"></rb-loading-spinner>
+<div class="samples-loading" *ngIf="loading">
+  <rb-loading-spinner></rb-loading-spinner>
+  <div>Loading...</div>
+</div>
 
 <div class="download space-below" *ngIf="login.isLevel.dev">
   <rb-icon-button class="space-right" icon="download" mode="secondary" [rbModal]="linkModal">

src/app/samples/samples.component.scss

@@ -237,7 +237,19 @@ textarea.linkmodal {
 
 .samples-loading {
   float: left;
-  transform: scale(0.5);
+  display: grid;
+  grid-template-columns: auto auto;
+  grid-template-rows: 1fr auto 1fr;
+
+  rb-loading-spinner {
+    grid-row: span 3;
+    transform: scale(0.5);
+  }
+
+  & > div {
+    grid-column: 2 / 3;
+    grid-row: 2 / 3;
+  }
 }
 
 .reset-preferences {