fix regression by id name changed for scroll to top at display message

src/components/MessageInfo.vue

@@ -2,7 +2,6 @@
   <transition name="fadeDownUp">
     <div
       v-if="messages && messages.length > 0"
-      id="content"
       class="row over-content"
     >
       <div class="fourteen wide column">

src/store/index.js

@@ -76,8 +76,8 @@ export default new Vuex.Store({
     },
     DISPLAY_MESSAGE(state, message) {
       state.messages = [message, ...state.messages];
-      if (document.getElementById('content')) {
-        document.getElementById('content').scrollIntoView({ block: 'start', inline: 'nearest' });
+      if (document.getElementById('app-content')) {
+        document.getElementById('app-content').scrollIntoView({ block: 'start', inline: 'nearest' });
       }
       setTimeout(() => {
         state.messages = [];