styles: reduce tags max width

app/assets/javascripts/components/NoteTags.tsx

@@ -35,7 +35,7 @@ const NoteTags = observer(({ application, appState }: Props) => {
           }}
         >
           <Icon type="hashtag" className="sn-icon--small color-neutral mr-1" />
-          <span className="max-w-md whitespace-nowrap overflow-hidden overflow-ellipsis">
+          <span className="max-w-xs whitespace-nowrap overflow-hidden overflow-ellipsis">
             {tag.title}
           </span>
         </button>

app/assets/javascripts/components/NotesContextMenu.tsx

@@ -31,7 +31,7 @@ const NotesContextMenu = observer(({ appState }: Props) => {
   return appState.notes.contextMenuOpen ? (
     <div
       ref={contextMenuRef}
-      className="sn-dropdown max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
+      className="sn-dropdown max-h-120 max-w-xs flex flex-col py-2 overflow-y-scroll fixed"
       style={{
         ...appState.notes.contextMenuPosition,
         maxHeight: appState.notes.contextMenuMaxHeight,

app/assets/javascripts/components/NotesOptions.tsx

@@ -160,7 +160,7 @@ export const NotesOptions = observer(
                 maxHeight: tagsMenuMaxHeight,
                 position: 'fixed',
               }}
-              className="sn-dropdown flex flex-col py-2 max-h-120 max-w-80 fixed overflow-y-scroll"
+              className="sn-dropdown flex flex-col py-2 max-h-120 max-w-xs fixed overflow-y-scroll"
             >
               {appState.tags.tags.map((tag) => (
                 <button

app/assets/javascripts/components/NotesOptionsPanel.tsx

@@ -71,7 +71,7 @@ export const NotesOptionsPanel = observer(({ appState }: Props) => {
             ...position,
             maxHeight
           }}
-          className="sn-dropdown sn-dropdown--animated max-h-120 max-w-80 flex flex-col py-2 overflow-y-scroll fixed"
+          className="sn-dropdown sn-dropdown--animated max-h-120 max-w-xs flex flex-col py-2 overflow-y-scroll fixed"
         >
           {open && (
             <NotesOptions

app/assets/stylesheets/_sn.scss

@@ -156,7 +156,7 @@
   max-width: 15rem;
 }
 
-.max-w-80 {
+.max-w-xs {
   max-width: 20rem;
 }