improve snippets.list UX & add instant edit handler for snippet with empty tag-list

src/tpls/modals/new-snippet-modal.tpl.html

@@ -13,7 +13,7 @@
         <ui-select ng-model="vm.mode" style="display: inline-block;" on-select="vm.log(vm.mode.name.toLowerCase())" theme="bootstrap">
           <ui-select-match placeholder="Select Type">{{$select.selected}}</ui-select-match>
           <ui-select-choices repeat="mode in vm.aceModes | filter: $select.search">
-            <div ng-bind-html="mode | highlight: $select.search"></div>
+            <div ng-bind="::mode"></div>
           </ui-select-choices>
         </ui-select>
     </div>

src/tpls/states/snippets.list.tpl.html

@@ -26,7 +26,7 @@
         <a ui-sref="auth.signin" class="btn btn-default"><i class="fa fa-signin"></i> Sign In</a>
       </li>
 
-      <li ng-repeat="snippet in vm.filtered" ui-sref="snippets.detail({id:snippet.id})" ng-class="{active:vm.snippetId===snippet.id}">
+      <li snippet-item="snippet" ng-repeat="snippet in vm.filtered" ui-sref="snippets.detail({id:snippet.id})" ng-class="{active:vm.snippetId===snippet.id}">
         <div class="media">
           <div class="media-left">
             <img width="25" height="25" class="img-circle" src="http://www.gravatar.com/avatar/ea0b6ad1c11700120d1af08810caa19d" alt="" />