From 47a7fd4f1f2f45f116c9ce7ca06fa9beac89e05f Mon Sep 17 00:00:00 2001
From: Davide Alberani <da@erlug.linux.it>
Date: Thu, 9 Feb 2017 22:57:46 +0100
Subject: [PATCH] update Vue Material

---
 package.json        |  4 ++--
 src/Attendee.vue    | 21 ++++++++++++---------
 src/Group.vue       |  4 ++--
 src/IbtSnackbar.vue |  2 +-
 4 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index ac01925..879f39e 100644
--- a/package.json
+++ b/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",
diff --git a/src/Attendee.vue b/src/Attendee.vue
index eda4e78..6a7930d 100644
--- a/src/Attendee.vue
+++ b/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>
diff --git a/src/Group.vue b/src/Group.vue
index 24b7c77..6cad279 100644
--- a/src/Group.vue
+++ b/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>
diff --git a/src/IbtSnackbar.vue b/src/IbtSnackbar.vue
index 057d9a8..93644b9 100644
--- a/src/IbtSnackbar.vue
+++ b/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>