From 5561ab65ff02d1e1b4750e78ffcfbd621219ac05 Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Thu, 24 Jun 2021 14:35:50 -0300
Subject: [PATCH] styles: make note flags wrap

---
 app/assets/javascripts/views/notes/notes-view.pug | 2 +-
 app/assets/stylesheets/_notes.scss                | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/views/notes/notes-view.pug b/app/assets/javascripts/views/notes/notes-view.pug
index c30554557..c05a8cd59 100644
--- a/app/assets/javascripts/views/notes/notes-view.pug
+++ b/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')
diff --git a/app/assets/stylesheets/_notes.scss b/app/assets/stylesheets/_notes.scss
index aa7a15c44..0ccf25e65 100644
--- a/app/assets/stylesheets/_notes.scss
+++ b/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);