From c346cfef3f0da195db364aa629fe4f75766b0982 Mon Sep 17 00:00:00 2001
From: Ramon Wenger <donramonloco+github@gmail.com>
Date: Mon, 28 Oct 2019 10:58:33 +0100
Subject: [PATCH] Fix positioning of bookmark icons

---
 client/src/components/icons/AddNoteIcon.vue     | 2 +-
 client/src/components/icons/NoteIcon.vue        | 2 +-
 client/src/components/notes/BookmarkActions.vue | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/src/components/icons/AddNoteIcon.vue b/client/src/components/icons/AddNoteIcon.vue
index 5848eed2..dd3b20f5 100644
--- a/client/src/components/icons/AddNoteIcon.vue
+++ b/client/src/components/icons/AddNoteIcon.vue
@@ -11,6 +11,6 @@
   .add-note-icon {
     width: 29px;
     height: 25px;
-    margin-left: -2px;
+    margin-left: 2px;
   }
 </style>
diff --git a/client/src/components/icons/NoteIcon.vue b/client/src/components/icons/NoteIcon.vue
index a1b9bc95..dd139bcf 100644
--- a/client/src/components/icons/NoteIcon.vue
+++ b/client/src/components/icons/NoteIcon.vue
@@ -12,6 +12,6 @@
   .note-icon {
     width: 29px;
     height: 25px;
-    margin-left: -2px;
+    margin-left: 2px;
   }
 </style>
diff --git a/client/src/components/notes/BookmarkActions.vue b/client/src/components/notes/BookmarkActions.vue
index 816d4d9e..489dbcd0 100644
--- a/client/src/components/notes/BookmarkActions.vue
+++ b/client/src/components/notes/BookmarkActions.vue
@@ -41,11 +41,15 @@
 
     display: flex;
     flex-direction: column;
+    align-content: center;
 
     &__action {
       opacity: 0;
       transition: opacity 0.3s;
       cursor: pointer;
+      width: 26px;
+      display: flex;
+      justify-content: center;
 
       &--bookmarked, &--noted {
         opacity: 1;