Font based add buttons, closes #283

app/assets/stylesheets/app/_ionicons.scss

@@ -13,32 +13,20 @@
 @font-face { font-family: "Ionicons"; src: url("../assets/ionicons.eot?v=2.0.0"); src: url("../assets/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("../assets/ionicons.ttf?v=2.0.1") format("truetype"), url("../assets/ionicons.woff?v=2.0.1") format("woff"), url("../assets/ionicons.svg?v=2.0.1#Ionicons") format("svg"); font-weight: normal; font-style: normal; }
 
 .ion, .ionicons,
-.ion-ios-box:before,
-.ion-bookmark:before,
 .ion-locked:before,
+.ion-plus:before,
 .ion-arrow-return-left:before,
 .ion-arrow-return-right:before,
-.ion-key:before,
-.ion-lock-combination:before,
-.ion-eye-disabled:before
 {
   display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
 }
 
-.ion-ios-box:before { content: "\f3ec"; }
-
 .ion-locked:before { content: "\f200"; }
 
-.ion-bookmark:before { content: "\f26b"; }
+.ion-plus:before { content: "\f218"; }
 
 .ion-arrow-return-left:before { content: "\f265"; }
 
 .ion-arrow-return-right:before { content: "\f266"; }
 
-.ion-key:before { content: "\f296"; }
-
-.ion-lock-combination:before { content: "\f4d4"; }
-
-.ion-eye-disabled:before { content: "\f306"; }
-
 /*# sourceMappingURL=ionicons.css.map */

app/assets/stylesheets/app/_main.scss

@@ -194,6 +194,10 @@ $footer-height: 32px;
        padding: 0 14px;
      }
 
+     .add-button {
+       font-size: 12px;
+     }
+
      .section-title-bar-header {
        display: flex;
        justify-content: space-between;

app/assets/templates/notes.html.haml

@@ -5,7 +5,8 @@
         .section-title-bar-header
           .title {{ctrl.panelTitle}}
           .sk-button.contrast.wide{"ng-click" => "ctrl.createNewNote()", "title" => "Create a new note in the selected tag"}
-            .sk-label +
+            .sk-label
+              %i.icon.ion-plus.add-button
         .filter-section{"role" => "search"}
           %input.filter-bar#search-bar.mousetrap{"select-on-click" => "true", "ng-model" => "ctrl.noteFilter.text", "placeholder" => "Search",
           "ng-change" => "ctrl.filterTextChanged()", "lowercase" => "true", "ng-blur" => "ctrl.onFilterEnter()", "ng-keyup" => "$event.keyCode == 13 && ctrl.onFilterEnter();",

app/assets/templates/tags.html.haml

@@ -9,7 +9,8 @@
         .sk-h3.title
           %span.sk-bold Views
         .sk-button.sk-secondary-contrast.wide{"ng-click" => "ctrl.clickedAddNewTag()", "title" => "Create a new tag"}
-          .sk-label +
+          .sk-label
+            %i.icon.ion-plus.add-button
 
     .scrollable
       .infinite-scroll