diff --git a/app/templates/main/jobs/job.html.j2 b/app/templates/main/jobs/job.html.j2 index c43ee3bbee246edc5ec6714c1788be2903c997da..d3817914720d0b9220344463a204b5479b9f01cb 100644 --- a/app/templates/main/jobs/job.html.j2 +++ b/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>