Revert "change answer execution results to table"

This reverts commit 1c5e25e307cc31016616a4970de834efc735ee31.

1 files changed, 9 insertions, 21 deletions

diff --git a/services/app/templates/answer_view.html.twig b/services/app/templates/answer_view.html.twig
index 24b5a1c..8c7e090 100644
--- a/services/app/templates/answer_view.html.twig
+++ b/services/app/templates/answer_view.html.twig
@@ -38,27 +38,15 @@
     {% endif %}
   </div>
   <div class="mt-3">
-    <table class="table table-striped table-bordered">
-      <thead>
-        <tr>
-          <th>テストケース</th>
-          <th>ステータス</th>
-        </tr>
-      </thead>
-      <tbody>
-        {% for ex in testcase_executions %}
-          <tr>
-            <td>{{ loop.index }}</td>
-            <td>
-              <span class="js-testcase-execution-status" data-testcase-execution-id="{{ ex.testcase_execution_id }}">{{ ex.status.label() }}</span>
-              {% if ex.status.showLoadingIndicator() %}
-                <span class="js-testcase-execution-status-loading-indicator spinner-border text-primary spinner-border-sm" role="status" data-testcase-execution-id="{{ ex.testcase_execution_id }}"><span class="visually-hidden">Loading...</span></span>
-              {% endif %}
-            </td>
-          </tr>
-        {% endfor %}
-      </tbody>
-    </table>
+    {% for ex in testcase_executions %}
+      <h3>テストケース {{ loop.index }}</h3>
+      <div>
+        ステータス: <span class="js-testcase-execution-status" data-testcase-execution-id="{{ ex.testcase_execution_id }}">{{ ex.status.label() }}</span>
+        {% if ex.status.showLoadingIndicator() %}
+          <div class="js-testcase-execution-status-loading-indicator spinner-border text-primary spinner-border-sm" role="status" data-testcase-execution-id="{{ ex.testcase_execution_id }}"><span class="visually-hidden">Loading...</span></div>
+        {% endif %}
+      </div>
+    {% endfor %}
   </div>
   <script type="module" src="{{ base_path() }}/assets/loading.js"></script>
 {% endblock %}