rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

styles: fix tags spacing

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-06 10:53:17 -03:00
parent 33d4c7bcb8
commit 7ed7c7640c
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/components/NotesOptions.tsx
View File

@@ -36,7 +36,7 @@ export const NotesOptions = observer(
const iconClass = 'fill-current color-neutral mr-2'; const iconClass = 'fill-current color-neutral mr-2';
const buttonClass = const buttonClass =
'flex items-center border-0 focus:inner-ring-info ' + 'flex items-center border-0 focus:inner-ring-info ' +
'cursor-pointer hover:bg-contrast color-text bg-transparent px-3 py-1.5 ' + 'cursor-pointer hover:bg-contrast color-text bg-transparent px-3 ' +
'text-left'; 'text-left';
return ( return (
@@ -92,7 +92,7 @@ export const NotesOptions = observer(
}} }}
onBlur={closeOnBlur} onBlur={closeOnBlur}
ref={tagsButtonRef} ref={tagsButtonRef}
className={`${buttonClass} justify-between`} className={`${buttonClass} py-1.5 justify-between`}
> >
<div className="flex items-center"> <div className="flex items-center">
<Icon type={IconType.Hashtag} className={iconClass} /> <Icon type={IconType.Hashtag} className={iconClass} />
@@ -118,7 +118,7 @@ export const NotesOptions = observer(
{appState.tags.tags.map((tag) => ( {appState.tags.tags.map((tag) => (
<button <button
key={tag.title} key={tag.title}
className={buttonClass} className={`${buttonClass} py-2`}
onBlur={closeOnBlur} onBlur={closeOnBlur}
onClick={() => { onClick={() => {
appState.tags.addTagToSelectedNotes(tag); appState.tags.addTagToSelectedNotes(tag);
@@ -132,7 +132,7 @@ export const NotesOptions = observer(
)} )}
<button <button
onBlur={closeOnBlur} onBlur={closeOnBlur}
className={buttonClass} className={`${buttonClass} py-1.5`}
onClick={() => { onClick={() => {
appState.notes.setPinSelectedNotes(!pinned); appState.notes.setPinSelectedNotes(!pinned);
}} }}
@@ -151,7 +151,7 @@ export const NotesOptions = observer(
</button> </button>
<button <button
onBlur={closeOnBlur} onBlur={closeOnBlur}
className={buttonClass} className={`${buttonClass} py-1.5`}
onClick={() => { onClick={() => {
appState.notes.setArchiveSelectedNotes(!archived); appState.notes.setArchiveSelectedNotes(!archived);
}} }}
@@ -165,7 +165,7 @@ export const NotesOptions = observer(
<button <button
ref={trashButtonRef} ref={trashButtonRef}
onBlur={closeOnBlur} onBlur={closeOnBlur}
className={buttonClass} className={`${buttonClass} py-1.5`}
onClick={async () => { onClick={async () => {
setLockCloseOnBlur(true); setLockCloseOnBlur(true);
await appState.notes.setTrashSelectedNotes( await appState.notes.setTrashSelectedNotes(