From 9513392f6cfec6124bbadfdaa4f84b85035fe9d9 Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Wed, 2 Jun 2021 19:51:13 -0300
Subject: [PATCH] styles: reduce spacing when note has no tags

---
 app/assets/javascripts/components/AutocompleteTagInput.tsx | 4 ++--
 app/assets/javascripts/views/editor/editor-view.pug        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/components/AutocompleteTagInput.tsx b/app/assets/javascripts/components/AutocompleteTagInput.tsx
index 549674b51..4fbfab6a0 100644
--- a/app/assets/javascripts/components/AutocompleteTagInput.tsx
+++ b/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}
diff --git a/app/assets/javascripts/views/editor/editor-view.pug b/app/assets/javascripts/views/editor/editor-view.pug
index aa94ead28..9cb2f8e4c 100644
--- a/app/assets/javascripts/views/editor/editor-view.pug
+++ b/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}"
         )