update Vue Material

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ibt2",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "I'll be there, 2: an oversimplified application to register attendees at a conference or event",
   "author": "Davide Alberani <da@erlug.linux.it>",
   "license": "Apache-2.0",
@@ -27,7 +27,7 @@
     "vue": "^2.2.4",
     "vue-loader": "^11.1.4",
     "vue-markdown": "^2.1.3",
-    "vue-material": "^0.6.3",
+    "vue-material": "^0.7.5",
     "vue-resource": "^1.2.1",
     "vue-router": "^2.3.0",
     "vuejs-datepicker": "^0.6.3",

src/Attendee.vue

@@ -22,11 +22,11 @@
                 <md-icon>more_vert</md-icon>
             </md-button>
             <md-menu-content>
-                <md-menu-item @click="editAttendee()">
+                <md-menu-item @click.native="editAttendee()">
                     <span>edit</span>
                     <md-icon>edit</md-icon>
                 </md-menu-item>
-                <md-menu-item @click="deleteAttendee()">
+                <md-menu-item @click.native="deleteAttendee()">
                     <span>delete</span>
                     <md-icon>cancel</md-icon>
                 </md-menu-item>
@@ -112,9 +112,9 @@ export default {
     min-width: 250px;
 }
 
-.attendee-list-item button {
-    padding-left: 0px !important;
-    padding-right: 0px !important;
+.attendee-list-item .md-list-item-container {
+    padding-left: 0px;
+    padding-right: 0px;
 }
 
 .attendee-notes {
@@ -140,12 +140,15 @@ export default {
     background-color: transparent !important;
 }
 
-.attendee-notes {
-    max-width: 120px;
-}
-
 .attendee-notes > p {
     margin: 0px;
+    font-style: italic;
+    margin: 0px;
+    text-overflow: ellipsis;
+    max-width: 400px;
+    overflow: hidden;
+    white-space: nowrap;
+    color: rgba(0, 0, 0, 0.54);
 }
 
 </style>

src/Group.vue

@@ -359,8 +359,8 @@ export default {
     margin-left: 0px !important;
 }
 
-.attendee-add > button {
-    padding-left: 0px !important;
+.attendee-add .md-list-item-container {
+    padding-left: 0px;
 }
 
 </style>

src/IbtSnackbar.vue

@@ -1,7 +1,7 @@
 <template>
     <md-snackbar md-position="top center" ref="snackbar">
         <span>{{ snackbackMessage }}</span>
-        <md-button @click="$refs.snackbar.close()" class="snackbar-close">[x]</md-button>
+        <md-button @click.native="$refs.snackbar.close()" class="snackbar-close">[x]</md-button>
     </md-snackbar>
 </template>
 <script>