trying to do a bit of fancy styling

src/css/custom.scss

@@ -101,6 +101,17 @@ li {
   font-size:125%;
 }
 
+#trains {
+  overflow-y: auto;
+  transition: all 0.5s;
+
+}
+
+.sliced {
+  height:300px;
+
+}
+
 /* The snackbar - position it at the bottom and in the middle of the screen */
 #snackbar {
     visibility: hidden; /* Hidden by default. Visible on click */

src/js/route.js

@@ -234,8 +234,12 @@ ${nrMessages}
                                 <th class="mui--text-center">Platform</th></tr></thead>`;
 
     ws = `${thead}${ws}</table>`;
+
     this.$traintext.empty().html(ws);
     this.$traintext.removeClass('mui--hide').addClass('mui--show');
+
+    if (!this.$trains.hasClass('sliced'))
+      this.$trains.addClass('sliced');
   },
   'initView': function () {
 

src/service-worker.js

@@ -11,7 +11,7 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-const CACHE_VERSION = 2;
+const CACHE_VERSION = 3;
 const dataCacheName = 'traintimesData-v1';
 const cacheName = 'traintimePWA-final-1';
 const filesToCache = [