styles: make note flags wrap

app/assets/javascripts/views/notes/notes-view.pug

@@ -132,7 +132,7 @@
           ng-class="{'selected' : self.isNoteSelected(note.uuid) }"
           ng-click='self.selectNote(note, true)'
         )
-          .note-flags(ng-show='self.noteFlags[note.uuid].length > 0')
+          .note-flags.flex.flex-wrap(ng-show='self.noteFlags[note.uuid].length > 0')
             .flag(ng-class='flag.class', ng-repeat='flag in self.noteFlags[note.uuid]')
               .label {{flag.text}}
           .name(ng-show='note.title')

app/assets/stylesheets/_notes.scss

@@ -169,6 +169,7 @@
       flex-direction: row;
       align-items: center;
       margin-bottom: 8px;
+      margin-top: -4px;
 
       .flag {
         padding: 4px;
@@ -176,6 +177,7 @@
         padding-right: 6px;
         border-radius: var(--sn-stylekit-general-border-radius);
         margin-right: 4px;
+        margin-top: 4px;
 
         &.info {
           background-color: var(--sn-stylekit-info-color);