reset content scroll position

template/index.html

@@ -219,6 +219,7 @@
                 </b-popover>
             </div>
             <div v-if="itemSelected"
+                 ref="content"
                  class="content px-4 pt-3 pb-5 border-top overflow-auto"
                  :style="{'font-family': theme.font, 'font-size': theme.size + 'rem'}">
                 <h3>{{itemSelectedDetails.title}}</h3>

template/static/javascripts/app.js

@@ -243,6 +243,9 @@ var vm = new Vue({
         this.itemSelectedDetails = null
         return
       }
+      if (this.$refs.content) {
+        this.$refs.content.scrollTop = 0
+      }
       this.itemSelectedDetails = this.itemsById[newVal]
       if (this.itemSelectedDetails.status == 'unread') {
         this.itemSelectedDetails.status = 'read'