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

styles: fix tags padding

Browse Source
This commit is contained in:
Antonella Sgarlatta
2021-05-27 11:04:47 -03:00
parent eb3227cffd
commit 37602e4550
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/components/NoteTags.tsx
View File

@@ -25,7 +25,7 @@ const NoteTags = observer(({ application, appState }: Props) => {
<div className="flex flex-wrap"> <div className="flex flex-wrap">
{activeNoteTags.map((tag, index) => ( {activeNoteTags.map((tag, index) => (
<button <button
className={`bg-contrast border-0 rounded text-xs color-text p-1 flex items-center className={`bg-contrast border-0 rounded text-xs color-text py-0.5 pl-1 pr-2 flex items-center
mt-2 mr-2 cursor-pointer hover:bg-secondary-contrast focus:bg-secondary-contrast`} mt-2 mr-2 cursor-pointer hover:bg-secondary-contrast focus:bg-secondary-contrast`}
ref={index === activeNoteTags.length - 1 ? lastTagRef : undefined} ref={index === activeNoteTags.length - 1 ? lastTagRef : undefined}
onKeyUp={(event) => { onKeyUp={(event) => {

13
app/assets/stylesheets/_sn.scss
View File

@@ -61,8 +61,17 @@
margin-right: 0.25rem; margin-right: 0.25rem;
} }
.p-1 { .py-0\.5 {
padding: 0.25rem; padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.pl-1 {
padding-left: 0.25rem;
}
.pr-2 {
padding-right: 0.5rem;
} }
.py-1\.5 { .py-1\.5 {