diff --git a/js/templates.js b/js/templates.js
index 301a2f4..68ed730 100644
--- a/js/templates.js
+++ b/js/templates.js
@@ -3,7 +3,7 @@ angular.module('templates-main', ['views/list.html', 'views/note/edit.html', 'vi
 angular.module('views/list.html', []).run(['$templateCache', function ($templateCache) {
   'use strict';
   $templateCache.put('views/list.html',
-    '<div id="ownnote"><div class="view-container"><div class="view-left"><div id="controls"><div id="new" class="button indent" ng-click="newNote()">{{ \'new\' | translate | capitalize}}</div><div id="newfile" class="newfile indent"><form id="createform" class="note-title-form"><input type="text" class="newfileinput" id="newfilename" value="note title" style="color: rgb(160, 160, 160)"><select id="groupname"><option value="">{{\'not.grouped\' | translate }}</option><option value="_new">{{ \'new.notebook\' | translate }}</option></select><input type="text" class="newgroupinput" id="newgroupname" placeholder="group title"> <button id="create" class="button">{{ \'create\' | translate | capitalize}}</button><div id="cancel" class="button">{{ \'cancel\' | translate | capitalize }}</div></form></div><div class="view-modes visible-lg"><div class="button toggle-view-mode"><i class="fa" ng-class="{\'fa-columns\': app_config.user.view_mode ==\'single\', \'fa-arrows-h\': app_config.user.view_mode ==\'col\'}"></i></div></div></div><table class="listingSort"><thead><tr><th class="notename filesort notesort"><div class="pointer sorttitle" id="sortname" ng-click="list_sorting.what = \'name\'; list_sorting.reverse = !list_sorting.reverse; ">{{ \'name\' | translate | capitalize}}</div><div class="sortarrow" ng-show="list_sorting.what === \'name\'" ng-class="{\'sortup\': list_sorting.reverse, \'sortdown\': !list_sorting.reverse }"></div></th><th class="actions"></th><th class="info modified notesort"><span class="pointer" ng-click="list_sorting.what = \'mtime\'; list_sorting.reverse = !list_sorting.reverse; ">Modified</span><div class="sortarrow" ng-show="list_sorting.what === \'mtime\'" ng-class="{\'sortup\': list_sorting.reverse === true, \'sortdown\': !list_sorting.reverse }"></div></th></tr></thead><tbody><tr class="listing" ng-repeat="note in localNoteList | noteGroupFilter:noteGroupFilter | filter:list_filter | orderBy:list_sorting.what:list_sorting.reverse"><td title="{{ note.title }}" p="undefined" class="file pointer" ng-if="hasPermission(note, \'update\')" ng-click="editNote(note)"><div>{{note.title}}</div><div class="caption"><small>{{ note.content_plain.substr(0, 500) | htmlToPlaintext}}</small></div></td><td title="{{ note.title }}" p="undefined" class="file pointer" ng-if="!hasPermission(note, \'update\')" ng-click="viewNote(note)">{{ note.title }} <small>{{ note.content_plain.substr(0, 500) | htmlToPlaintext}}</small></td><td class="actions" ng-if="list_filter.deleted === 0"><div class=""><div id="note-{{ note.id }}-sdelete" class="buttons delete-note" ng-if="hasPermission(note, \'delete\')" ng-click="deleteNote(note)"><span tooltip="{{ \'delete.note\' | translate }}" class="pointer buttons delete"></span></div><div id="note-{{ note.id }}-edit" class="buttons edit-note" ng-if="hasPermission(note, \'update\')" ng-click="editNote(note)"><span class="pointer buttons edit" tooltip="{{ \'edit.note\' | translate }}"></span></div></div></td><td class="actions" ng-if="list_filter.deleted === 1"><div id="note-{{ note.id }}-delete" class="buttons delete pointer" ng-if="hasPermission(note, \'delete\')" ng-click="deleteNote(note)"><span tooltip="{{ \'delete.note\' | translate }}" class="delete-note"></span></div><div id="note-{{ note.id }}-restore" class="buttons pointer restore-note" ng-if="hasPermission(note, \'delete\')" tooltip="{{ \'restore.note\' | translate }}" ng-click="resotoreNote(note)"></div></td><td class="info"><div class="modified"><span tooltip="{{ note.mtime | date:dateFormatLong}}">{{ note.mtime | timeAgo}}</span></div></td></tr></tbody></table></div><div class="view-right"><ng-view></ng-view></div></div></div>');
+    '<div id="ownnote"><div class="view-container"><div class="view-left"><div id="controls"><div id="new" class="button indent" ng-click="newNote()">{{ \'new\' | translate | capitalize}}</div><div id="newfile" class="newfile indent"><form id="createform" class="note-title-form"><input type="text" class="newfileinput" id="newfilename" value="note title" style="color: rgb(160, 160, 160)"><select id="groupname"><option value="">{{\'not.grouped\' | translate }}</option><option value="_new">{{ \'new.notebook\' | translate }}</option></select><input type="text" class="newgroupinput" id="newgroupname" placeholder="group title"> <button id="create" class="button">{{ \'create\' | translate | capitalize}}</button><div id="cancel" class="button">{{ \'cancel\' | translate | capitalize }}</div></form></div><div class="view-modes visible-lg"><div class="button toggle-view-mode"><i class="fa" ng-class="{\'fa-columns\': app_config.user.view_mode ==\'single\', \'fa-arrows-h\': app_config.user.view_mode ==\'col\'}"></i></div></div></div><table class="listingSort"><thead><tr><th class="notename filesort notesort"><div class="pointer sorttitle" id="sortname" ng-click="list_sorting.what = \'name\'; list_sorting.reverse = !list_sorting.reverse; ">{{ \'name\' | translate | capitalize}}</div><div class="sortarrow" ng-show="list_sorting.what === \'name\'" ng-class="{\'sortup\': list_sorting.reverse, \'sortdown\': !list_sorting.reverse }"></div></th><th class="actions"></th><th class="info modified notesort"><span class="pointer" ng-click="list_sorting.what = \'mtime\'; list_sorting.reverse = !list_sorting.reverse; ">Modified</span><div class="sortarrow" ng-show="list_sorting.what === \'mtime\'" ng-class="{\'sortup\': list_sorting.reverse === true, \'sortdown\': !list_sorting.reverse }"></div></th></tr></thead><tbody><tr class="listing" ng-repeat="note in localNoteList | noteGroupFilter:noteGroupFilter | filter:list_filter | orderBy:list_sorting.what:list_sorting.reverse"><td title="{{ note.title }}" p="undefined" class="file pointer" ng-if="hasPermission(note, \'update\')" ng-click="editNote(note)"><div class="caption note-title">{{note.title}}</div><div class="caption"><small>{{ note.content_plain.substr(0, 500) | htmlToPlaintext}}</small></div></td><td title="{{ note.title }}" p="undefined" class="file pointer" ng-if="!hasPermission(note, \'update\')" ng-click="viewNote(note)">{{ note.title }} <small>{{ note.content_plain.substr(0, 500) | htmlToPlaintext}}</small></td><td class="actions" ng-if="list_filter.deleted === 0"><div class=""><div id="note-{{ note.id }}-sdelete" class="buttons delete-note" ng-if="hasPermission(note, \'delete\')" ng-click="deleteNote(note)"><span tooltip="{{ \'delete.note\' | translate }}" class="pointer buttons delete"></span></div><div id="note-{{ note.id }}-edit" class="buttons edit-note" ng-if="hasPermission(note, \'update\')" ng-click="editNote(note)"><span class="pointer buttons edit" tooltip="{{ \'edit.note\' | translate }}"></span></div></div></td><td class="actions" ng-if="list_filter.deleted === 1"><div id="note-{{ note.id }}-delete" class="buttons delete pointer" ng-if="hasPermission(note, \'delete\')" ng-click="deleteNote(note)"><span tooltip="{{ \'delete.note\' | translate }}" class="delete-note"></span></div><div id="note-{{ note.id }}-restore" class="buttons pointer restore-note" ng-if="hasPermission(note, \'delete\')" tooltip="{{ \'restore.note\' | translate }}" ng-click="resotoreNote(note)"></div></td><td class="info"><div class="modified"><span tooltip="{{ note.mtime | date:dateFormatLong}}">{{ note.mtime | timeAgo}}</span></div></td></tr></tbody></table></div><div class="view-right"><ng-view></ng-view></div></div></div>');
 }]);
 
 angular.module('views/note/edit.html', []).run(['$templateCache', function ($templateCache) {