new "new" button style from NC14

css/notes.css

@@ -11,14 +11,6 @@
 	height: 100%;
 }
 
-#app-navigation #note-add #new-note-button {
-	margin: 14px auto;
-	width: calc(100% - 20px) !important;
-	text-align: left;
-	padding-left: 34px;
-	background-position: 10px center;
-}
-
 #app-navigation > ul > li.has-error a{
     color:#f00;
 }
@@ -56,10 +48,22 @@
 	opacity: 1;
 }
 
-#app-navigation #note-add:hover span,
-#app-navigation #note-add:focus span {
-    display: inline;
+
+/* new button from Nextcloud 14 -- can be removed if min-version is at least 14 */
+#app-navigation .app-navigation-new {
+	display: block;
+	padding: 10px;
 }
+#app-navigation .app-navigation-new button {
+	display: inline-block;
+	width: 100%;
+	padding: 10px;
+	padding-left: 34px;
+	background-position: 10px center;
+	text-align: left;
+	margin: 0;
+}
+
 
 /* only display the delete button when the note is active */
 #app-navigation .app-navigation-entry-utils-menu-button {

templates/main.php

@@ -34,9 +34,8 @@ style('notes', [
 
     <div id="app-navigation" ng-controller="NotesController" ng-class="{'loading': !notesLoaded}">
         <!-- new note button -->
-        <div id="note-add">            
-            <button class="icon-add app-content-list-button ng-binding" id="new-note-button" type="button" name="button" ng-click="create()"
-            oc-click-focus="{ selector: '#app-content textarea' }">
+        <div class="app-navigation-new">
+            <button class="icon-add" id="new-note-button" type="button" ng-click="create()">
                 <?php p($l->t('New note')); ?> 
             </button>
         </div>