Revert table

scipost/static/scipost/assets/css/_reports.scss

@@ -18,3 +18,25 @@
         margin-top: 1rem;
     }
 }
+
+
+.ratings {
+    background-color: #f4f4f4;
+    display: inline-block;
+    border: 1px solid #ddd;
+    text-transform: capitalize;
+
+    > ul {
+        list-style: none;
+        display: flex;
+        padding: 0;
+        margin: 0;
+
+        li {
+            border: 1px solid #ddd;
+            margin: 2px 2px;
+            padding: 0.25rem 0.5rem;
+            background: $body-bg;
+        }
+    }
+}

scipost/static/scipost/assets/css/_tables.scss

@@ -28,17 +28,3 @@ table.contributor-info {
         vertical-align: top;
     }
 }
-
-.ratings {
-    background-color: $body-bg;
-    padding: 0.5rem;
-    display: inline-block;
-    border: 1px solid #ddd;
-    text-transform: capitalize;
-
-    th {
-        min-width: 120px;
-        text-align: right;
-        padding: 0.1rem 1rem;
-    }
-}

submissions/templates/submissions/_single_report_ratings.html

 <div class="ratings">
-    <table>
-        <tr>
-            <th>Validity</th>
-            <td>{{ report.get_validity_display }}</td>
-        </tr>
-        <tr>
-            <th>Significance</th>
-            <td>{{ report.get_significance_display }}</td>
-        </tr>
-        <tr>
-            <th>Validity</th>
-            <td>{{ report.get_grammar_display }}</td>
-        </tr>
-        <tr>
-            <th>Originality</th>
-            <td>{{ report.get_originality_display }}</td>
-        </tr>
-        <tr>
-            <th>Clarity</th>
-            <td>{{ report.get_clarity_display }}</td>
-        </tr>
-        <tr>
-            <th>Formatting</th>
-            <td>{{ report.get_formatting_display }}</td>
-        </tr>
-        <tr>
-            <th>Grammar</th>
-            <td>{{ report.get_grammar_display }}</td>
-        </tr>
-    </table>
+    <ul>
+        <li>validity: {{report.get_validity_display}}</li>
+        <li>significance: {{report.get_significance_display}}</li>
+        <li>originality: {{report.get_originality_display}}</li>
+        <li>clarity: {{report.get_clarity_display}}</li>
+        <li>formatting: {{report.get_formatting_display}}</li>
+        <li>grammar: {{report.get_grammar_display}}</li>
+    </ul>
 </div>