notes add button fix margins

2017-05-04 00:33:39 -05:00
parent 954c3a5c3f
commit 17da2e1fc9
2 changed files with 9 additions and 1 deletions
--- a/app/assets/stylesheets/app/_notes.scss
+++ b/app/assets/stylesheets/app/_notes.scss
@@ -14,6 +14,14 @@
    height: $notes-title-bar-height;
    font-weight: normal;
    font-size: 18px;
+
+    .title {
+      width: calc(90% - 45px);
+    }
+  }
+
+  #notes-add-button {
+    right: 20px;
  }

  .tag-menu-bar {
--- a/app/assets/templates/frontend/notes.html.haml
+++ b/app/assets/templates/frontend/notes.html.haml
@@ -2,7 +2,7 @@
  .content
    .section-title-bar#notes-title-bar
      .title {{ctrl.tag.title}} notes
-      .add-button{"ng-click" => "ctrl.createNewNote()"} +
+      .add-button#notes-add-button{"ng-click" => "ctrl.createNewNote()"} +
      %br
      .filter-section
        %input.filter-bar{"select-on-click" => "true", "ng-model" => "ctrl.noteFilter.text", "placeholder" => "Search", "ng-change" => "ctrl.filterTextChanged()", "lowercase" => "true"}