expand attendee entries of some pixels

src/Attendee.vue

@@ -108,6 +108,11 @@ export default {
     min-width: 250px;
 }
 
+.attendee-list-item button {
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+}
+
 .attendee-notes {
     font-style: italic !important;
 }

src/Group.vue

@@ -24,7 +24,7 @@
                     <div ref="groupNotes" class="group-notes" @click="toggleNotes()">{{ group.notes }}</div>
                 </md-layout>
             </md-card-header>
-            <md-card-content>
+            <md-card-content class="group-card">
                 <md-list md-dense>
                     <attendee v-for="attendee in group.attendees || []" :attendee="attendee" @updated="reload" />
                     <md-list-item class="attendee-add">
@@ -267,6 +267,10 @@ export default {
     color: rgba(0, 0, 0, 0.54);
 }
 
+.group-card {
+    padding-right: 8px !important;
+}
+
 .new-group-label {
     left: 30px !important;
 }
@@ -275,4 +279,8 @@ export default {
     margin-left: 0px !important;
 }
 
+.attendee-add > button {
+    padding-left: 0px !important;
+}
+
 </style>