From 524bcd09cbaec10d286b3cda48bcd5e78c391351 Mon Sep 17 00:00:00 2001
From: Antonella Sgarlatta <antonella@standardnotes.org>
Date: Thu, 3 Jun 2021 15:35:59 -0300
Subject: [PATCH] fix: spacing between title and tags

---
 .../javascripts/components/AutocompleteTagInput.tsx      | 2 +-
 app/assets/javascripts/components/NoteTagsContainer.tsx  | 2 +-
 app/assets/javascripts/views/editor/editor-view.pug      | 2 +-
 app/assets/stylesheets/_sn.scss                          | 9 +++------
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/assets/javascripts/components/AutocompleteTagInput.tsx b/app/assets/javascripts/components/AutocompleteTagInput.tsx
index 247b8375d..a4a57e49b 100644
--- a/app/assets/javascripts/components/AutocompleteTagInput.tsx
+++ b/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
diff --git a/app/assets/javascripts/components/NoteTagsContainer.tsx b/app/assets/javascripts/components/NoteTagsContainer.tsx
index e2815fd72..80de7936e 100644
--- a/app/assets/javascripts/components/NoteTagsContainer.tsx
+++ b/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,
         }}
diff --git a/app/assets/javascripts/views/editor/editor-view.pug b/app/assets/javascripts/views/editor/editor-view.pug
index dcaa5b45d..bf37859cb 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.h-8
+      div.flex.items-center.justify-between.h-8
         div.flex-grow(
           ng-class="{'locked' : self.noteLocked}"
         )
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index a7b1da63b..94dc079c1 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/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;
 }