Put data into a table for viewing

templates/index.html

@@ -59,11 +59,27 @@
 </form>
 <br>
 Last Mileage
-<ul>
+<table class="table table-striped">
+<thead>
+  <tr>
+    <th scope="col">Odometer</th>
+    <th scope="col">Time</th>
+    <th scope="col">Oil</th>
+    <th scope="col">Litres</th>
+    <th scope="col">$/Litre</th>
+  </tr>
+</thead>
+<tbody>
   {% for point in data %}
-  <li>
+  <tr>
-  {{ point['time'] }} = {{ point['odometer'] }}, {{point['oilhealth']}}
+    <th scope="row">{{ point['odometer'] }}</th>
-  </li>
+    <td>{{ point['time'] }}</td>
+    <td>{{ point['oilhealth'] }}</td>
+    <td>{{ point['fuel'] }}</td>
+    <td>{{ point['fuelcost'] }}</td>
+  </tr>
   {% endfor %}
+</tbody>
+</table>
+
 {% endblock %}
-</ul>