src/_includes/donations-current.html

@@ -1,4 +1,4 @@
-{{locale}}
+<div class="table-container">
     <table class="table">
         <thead>
         <tr>
@@ -33,3 +33,4 @@
         </tr>
         </tfoot>
     </table>
+</div>

src/_includes/donations.html

@@ -1,6 +1,7 @@
 {% for year in donations %}
 <h2>{{year.year}}</h2>
 
+<div class="table-container">
     <table class="table">
         <thead>
         <tr>
@@ -35,4 +36,5 @@
         </tr>
         </tfoot>
     </table>
+</div>
 {% endfor %}

src/_includes/expenses-current.html

@@ -1,3 +1,4 @@
+<div class="table-container">
     <table class="table">
         <thead>
         <tr>
@@ -31,3 +32,4 @@
         </tr>
         </tfoot>
     </table>
+</div>

src/scss/main.scss

@@ -270,6 +270,10 @@ pre {
   }
 }
 
+.table-container {
+  overflow-y: auto;
+}
+
 table.table {
   width: 100%;
   margin-bottom: 16px;