fix: note icons getting pushed by extra-long words (#835)

2022-01-31 19:20:48 +05:30
parent 46ee84ce24
commit 0e00901f15
2 changed files with 11 additions and 5 deletions
--- a/app/assets/javascripts/components/NotesListItem.tsx
+++ b/app/assets/javascripts/components/NotesListItem.tsx
@@ -93,8 +93,8 @@ export const NotesListItem: FunctionComponent<Props> = ({
        </div>
      )}
      <div className={`meta ${hideEditorIcon ? 'icon-hidden' : ''}`}>
-        <div className="name">
-          <div>{note.title}</div>
+        <div className="name-container">
+          <div className="name">{note.title}</div>
          <div className="flag-icons">
            {note.locked && (
              <span title="Editing Disabled">