From 5f7b84678496f38aa3d1d36afd609cb24460e49b Mon Sep 17 00:00:00 2001
From: Stephan Porada <sporada@uni-bielefeld.de>
Date: Fri, 10 Jul 2020 09:32:16 +0200
Subject: [PATCH] Unify tables: right alaign and some html fixes
---
web/app/static/js/nopaque.lists.js | 12 ++++++------
web/app/templates/jobs/job.html.j2 | 28 +++++++++++++---------------
2 files changed, 19 insertions(+), 21 deletions(-)
diff --git a/web/app/static/js/nopaque.lists.js b/web/app/static/js/nopaque.lists.js
index 8c464263..2fad01ab 100644
--- a/web/app/static/js/nopaque.lists.js
+++ b/web/app/static/js/nopaque.lists.js
@@ -162,7 +162,7 @@ RessourceList.options = {
<span class="badge new status" data-badge-caption="">
</span>
</td>
- <td class="actions center-align">
+ <td class="actions right-align">
<a class="btn-floating edit-link waves-effect waves-light" data-tooltip="Edit">
<i class="material-icons">edit</i>
</a>
@@ -188,7 +188,7 @@ RessourceList.options = {
<td class="author" style="word-break: break-word;"></td>
<td class="title" style="word-break: break-word;"></td>
<td class="publishing_year" style="word-break: break-word;"></td>
- <td class="actions center-align">
+ <td class="actions right-align">
<a class="btn-floating tooltipped edit-link
waves-effect waves-light"
data-position="top"
@@ -232,7 +232,7 @@ RessourceList.options = {
<td>
<span class="badge new status" data-badge-caption=""></span>
</td>
- <td class="actions center-align">
+ <td class="actions right-align">
<a class="btn-floating link waves-effect waves-light">
<i class="material-icons">send</i>
</a>
@@ -250,7 +250,7 @@ RessourceList.options = {
},
job_input: {item : `<tr>
<td class="filename"></td>
- <td class="actions center-align">
+ <td class="actions right-align">
<a class="btn-floating tooltipped download-link
waves-effect waves-light"
data-position="top"
@@ -273,7 +273,7 @@ RessourceList.options = {
<td class="corpus_creation_date"></td>
<td class="corpus_analysis_date"></td>
<td class="corpus_type"></td>
- <td class="actions center-align">
+ <td class="actions right-align">
<a class="btn-floating tooltipped details-link
waves-effect waves-light"
data-position="top"
@@ -321,7 +321,7 @@ RessourceList.options = {
<td class="role_id"></td>
<td class="confirmed"></td>
<td class="id"></td>
- <td class="actions center-align">
+ <td class="actions right-align">
<a class="btn-floating tooltipped profile-link waves-effect
waves-light"
data-position="top"
diff --git a/web/app/templates/jobs/job.html.j2 b/web/app/templates/jobs/job.html.j2
index 3c12a70f..e839f90c 100644
--- a/web/app/templates/jobs/job.html.j2
+++ b/web/app/templates/jobs/job.html.j2
@@ -89,20 +89,18 @@
<p>Original input files.</p>
</div>
<div class="col s12 m10">
- <div class="row">
- <ul class="pagination paginationTop"></ul>
- <table class="highlight responsive-table">
- <thead>
- <tr>
- <th class="sort" data-sort="filename">Filename</th>
- <th>{# Actions #}</th>
- </tr>
- </thead>
- <tbody class="list">
- </tbody>
- </table>
- <ul class="pagination paginationBottom"></ul>
- </div>
+ <ul class="pagination paginationTop"></ul>
+ <table class="highlight responsive-table">
+ <thead>
+ <tr>
+ <th class="sort" data-sort="filename">Filename</th>
+ <th>{# Actions #}</th>
+ </tr>
+ </thead>
+ <tbody class="list">
+ </tbody>
+ </table>
+ <ul class="pagination paginationBottom"></ul>
</div>
</div>
</div>
@@ -246,7 +244,7 @@
<tr>
<td>${resultType}</td>
<td>${result.filename}</td>
- <td class="center-align">
+ <td class="right-align">
<a class="btn-floating tooltipped waves-effect waves-light"
download href="/jobs/${result.job_id}/results/${result.id}/download"
data-position="top"
--
GitLab