UX: Fix layout for long bookmark notes

UX: Fix layout for long bookmark notes

diff --git a/app/assets/stylesheets/common/components/bookmark-list-item.scss b/app/assets/stylesheets/common/components/bookmark-list-item.scss
index e698e06..4710f9b 100644
--- a/app/assets/stylesheets/common/components/bookmark-list-item.scss
+++ b/app/assets/stylesheets/common/components/bookmark-list-item.scss
@@ -10,9 +10,7 @@
   }
   .bookmark-metadata {
     font-size: $font-down-2;
-    white-space: nowrap;
     display: flex;
-    align-items: center;
     margin-bottom: 0.2em;
 
     &-item {
@@ -22,7 +20,10 @@
     }
 
     .d-icon {
+      // not aligning center because of multi-line notes
+      align-self: flex-start;
       margin-right: 0.2em;
+      padding-top: 0.12em;
     }
   }
 }

GitHub sha: d09a953f