Add new results table view

app/templates/main/jobs/job.html.j2

@@ -198,30 +198,42 @@
       </div>
 
       <span class="card-title">Files</span>
-      <table>
+      <div style="overflow-x:auto;">
+      <table class="highlight">
         <thead>
           <tr>
-              <th style="width: 50%;">Inputs</th>
-              <th style="width: 50%;">Results</th>
+              <th style="width: 25%;">Inputs</th>
+              <th style="width: 25%;"></th>
+              <th style="width: 25%;">Results</th>
+              <th style="width: 25%;"></th>
           </tr>
         </thead>
         <tbody>
           {% for file in files %}
+          <tr>
+            <td rowspan="4">
+              {{ file }}
+            </td>
+            <td rowspan="4">
+              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>Download</a>
+            </td>
+          </tr>
+          {% for result in files[file]['results'] %}
           <tr>
             <td>
-              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>{{ file }}</a>
+              {{ result }}
             </td>
             <td>
               {% if job.status == 'complete' %}
-              {% for result in files[file]['results'] %}
-              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>{{ result }}</a>
-              {% endfor %}
+              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>Download</a>
               {% endif %}
             </td>
           </tr>
           {% endfor %}
+          {% endfor %}
         </tbody>
       </table>
+      </div>
     </div>
   </div>
 </div>