improve table style

themes/tfsci/assets/main.scss

@@ -37,9 +37,12 @@ main > .container {
 
 .content {
   table.table {
-    width: auto;
-
-    white-space: nowrap;
+    &.is-align-middle td {
+      vertical-align: middle;
+    }
+    &.is-no-wrap {
+      white-space: nowrap;
+    }
   }
 
   figure {

themes/tfsci/assets/main.ts

@@ -20,7 +20,15 @@ function onTableStyle() {
   const template = document.createElement('section')
   template.classList.add('table-container')
   for (const element of content.querySelectorAll('table')) {
-    element.classList.add('table', 'is-narrow', 'is-hoverable')
+    element.classList.add(
+      'table',
+      'is-bordered',
+      'is-narrow',
+      'is-hoverable',
+      'is-fullwidth',
+      'is-no-wrap',
+      'is-align-middle'
+    )
     const container = template.cloneNode()
     container.appendChild(element.cloneNode(true))
     element.replaceWith(container)