fixes

css/app.css

@@ -39,7 +39,7 @@ body {
     color: white;
 }
 
-.pull * {
+* {
     user-select: none;
 }
 

index.html

@@ -12,8 +12,11 @@
 
 <div id="root" class="container">
     <div class="row">
-        <div class="col-12">
+        <div class="col-6">
             Score: {{ score }}<br/>
+            Fishies caught: {{ fishiesCaught.length }}
+        </div>
+        <div class="col-6">
             <a href="javascript:" v-on:click="deployFish()" v-if="!fishy">let there be fish</a>
         </div>
         <div class="col-4">

js/app.js

@@ -122,14 +122,14 @@ const FishApp = {
             window.clearInterval(this.intervals.fishMovementIntervalID);
 
             this.score += this.fishy.points;
-            this.fishyCaught.push(this.fishy);
+            this.fishiesCaught.push(this.fishy);
 
             this.fishy = null;
             this.pull = false;
 
             iziToast.success({
                 title: 'fischi ist jetzt dein freund',
-                position: 'topCenter'
+                position: 'bottomCenter'
             });
         },
         fishyFled() {
@@ -140,7 +140,7 @@ const FishApp = {
 
             iziToast.warning({
                 title: 'fischi fort!',
-                position: 'topCenter'
+                position: 'bottomCenter'
             });
         }
     }