Improve display of autocompletion of contacts

UI/Templates/SchedulerUI/UIxAppointmentEditorTemplate.wox

@@ -235,22 +235,21 @@
             <md-icon>search</md-icon>
             <md-autocomplete
                 class="md-flex"
-                md-menu-class="md-3-line"
+                md-menu-class="md-2-line"
                 label:md-floating-label="Invite Attendees"
                 md-search-text="editor.searchText"
                 md-selected-item-change="editor.addAttendee(card, editor.searchText)"
                 md-items="card in editor.cardFilter(editor.searchText)"
                 md-item-text="card.empty"
                 var:md-min-length="minimumSearchLength"
-                md-delay="300"
+                md-delay="150"
                 md-no-cache="true"
                 sg-enter="editor.addAttendee(editor.searchText)">
               <md-item-template>
-                  <div class="md-list-item-text" layout="column">
-                    <h3 md-highlight-text="editor.searchText" md-highlight-flags="^i">{{ card.$$fullname }}</h3>
-                    <h4 md-highlight-text="editor.searchText" md-highlight-flags="^i">{{ card.$$email }}</h4>
-                    <p>{{ card.containername }}</p>
-                  </div>
+                <div class="sg-tile-content">
+                  <div class="sg-md-subhead" md-highlight-text="editor.searchText" md-highlight-flags="gi">{{ card.$shortFormat(editor.searchText) }}</div>
+                  <div class="sg-md-body" md-colors="::{color: 'default-background-500'}">{{ card.containername }}</div>
+                </div>
               </md-item-template>
             </md-autocomplete>
             <md-button type="button" class="sg-icon-button"