Better synopsis modals on releases and seasons

pages/releases.vue

@@ -71,10 +71,10 @@
     loader(v-else)
     .text-xs-center.modal-container
       v-dialog(v-model='modal', width='70%')
-        v-card.white--text
-          v-card-text.white--text
-            h2.white--text.headline {{ modalTitle }}
-          v-card-text.subheading.white--text {{ modalText }}
+        v-card
+          v-card-title.headline {{ modalTitle }}
+          v-divider
+          v-card-text.subheading {{ modalText }}
           v-card-actions
             v-spacer
             v-btn.blue--text.darken-1(flat, @click='modal = false') Thanks!

pages/seasons.vue

@@ -75,11 +75,10 @@
                                     v-list-tile-title Add to
       .text-xs-center.modal-container
         v-dialog(v-model='modal', width='70%')
-          v-card.secondary.white--text
-            v-card-text.white--text
-              h2.headline.white--text {{ modalTitle }}
-            v-card-text.text.white--text
-              | {{ modalText }}
+          v-card
+            v-card-title.headline {{ modalTitle }}
+            v-divider
+            v-card-text.text {{ modalText }}
             v-card-actions
               v-spacer
               v-btn.blue--text.darken-1(flat, style='width: 100px', v-on:click.native='modal = false')
@@ -198,6 +197,7 @@
     text-align-last: center;
     padding: 20px;
     font-size: 16px;
+    white-space: pre-wrap;
   }
 
 

store/utils.js

@@ -6,7 +6,7 @@ export {default as axios} from 'axios'
 export {default as moment} from 'moment'
 
 export const log = (...messages) => {
-  console.log(`[${(new Date()).toLocaleTimeString()}]: `, ...messages)
+  console.log(`[${(new Date()).toLocaleTimeString()}]:`, ...messages)
 }
 
 export const isRoot = {