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"