fix: fix tags container max width

app/assets/javascripts/components/NoteTagsContainer.tsx

@@ -23,7 +23,7 @@ const NoteTagsContainer = observer(({ application, appState }: Props) => {
 
   return (
       <div
-        className="bg-default flex flex-wrap pl-1 -ml-1"
+        className="bg-default flex flex-wrap pl-1 -ml-1 -ml-2"
         style={{
           maxWidth: tagsContainerMaxWidth,
         }}

app/assets/javascripts/ui_models/app_state/active_note_state.ts

@@ -105,14 +105,10 @@ export class ActiveNoteState {
 
   reloadTagsContainerMaxWidth(): void {
     const EDITOR_ELEMENT_ID = 'editor-column';
-    const defaultFontSize = parseFloat(window.getComputedStyle(
-      document.documentElement
-    ).fontSize);
-    const margins = defaultFontSize * 1.5;
     const editorWidth = document.getElementById(EDITOR_ELEMENT_ID)?.clientWidth;
     if (editorWidth) {
       this.appState.activeNote.setTagsContainerMaxWidth(
-        editorWidth - margins
+        editorWidth
       );
     }
   }

app/assets/stylesheets/_sn.scss

@@ -69,6 +69,10 @@
   margin-left: -0.25rem;
 }
 
+.-ml-2 {
+  margin-right: -0.5rem;
+}
+
 .-mr-1 {
   margin-right: -0.25rem;
 }