fix: spacing between title and tags

app/assets/javascripts/components/AutocompleteTagInput.tsx

@@ -77,7 +77,7 @@ export const AutocompleteTagInput = observer(({ appState }: Props) => {
   return (
     <form
       onSubmit={onFormSubmit}
-      className={`${tags.length > 0 ? 'mt-2' : ''}`}
+      className={`${tags.length > 0 ? 'mt-2' : 'mt-1'}`}
     >
       <Disclosure open={dropdownVisible} onChange={showDropdown}>
         <input

app/assets/javascripts/components/NoteTagsContainer.tsx

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

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

@@ -27,7 +27,7 @@
     #editor-title-bar.section-title-bar.w-full(
       ng-show='self.note && !self.note.errorDecrypting'
       )
-      div.flex.items-start.justify-between.h-8
+      div.flex.items-center.justify-between.h-8
         div.flex-grow(
           ng-class="{'locked' : self.noteLocked}"
         )

app/assets/stylesheets/_sn.scss

@@ -65,12 +65,8 @@
   margin-right: 0.25rem;
 }
 
-.-ml-1 {
-  margin-left: -0.25rem;
-}
-
-.-ml-2 {
-  margin-right: -0.5rem;
+.-mt-1 {
+  margin-top: -0.25rem;
 }
 
 .-mr-1 {
@@ -189,6 +185,7 @@
 .max-w-290px {
   max-width: 290px;
 }
+
 .max-w-xs {
   max-width: 20rem;
 }