styles: reduce spacing when note has no tags

app/assets/javascripts/components/AutocompleteTagInput.tsx

@@ -16,7 +16,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
   application,
   appState,
 }) => {
-  const { tagElements } = appState.activeNote;
+  const { tagElements, tags } = appState.activeNote;
 
   const [searchQuery, setSearchQuery] = useState('');
   const [dropdownVisible, setDropdownVisible] = useState(false);
@@ -89,7 +89,7 @@ export const AutocompleteTagInput: FunctionalComponent<Props> = ({
   }, [tagResults, searchQuery]);
 
   return (
-    <form onSubmit={onFormSubmit} className="mt-2">
+    <form onSubmit={onFormSubmit} className={`${tags.length > 0 ? 'mt-2' : ''}`}>
       <Disclosure open={dropdownVisible} onChange={showDropdown}>
         <input
           ref={inputRef}

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
+      div.flex.items-start.justify-between.h-8
         div.flex-grow(
           ng-class="{'locked' : self.noteLocked}"
         )